h5 app解决首页点击返回（手机返回键）跳到登录页

H5 App通常通过JavaScript进行页面管理和用户交互控制，为了实现在首页点击手机返回键（即Back键）能够跳转到登录页，你可以采用以下几种策略：

1. **监听历史记录变化**：利用`window.history` API，当用户按下返回键时，可以检测当前URL是否已经是登录页。如果不是，你可以手动push一个新的登录页到浏览器的历史记录，然后清除所有前边的页面。

window.addEventListener('popstate', function(e) {
  if (!localStorage.isLoggedIn || window.location.pathname !== '/login') {
    history.pushState(null, '', '/login');
    localStorage.clear();
  }
});

2. **设置beforeunload钩子**：当窗口即将关闭或用户按回退按钮时，执行跳转操作。但是这可能会导致一些浏览器兼容性问题，并且不是所有设备都支持这个事件。

window.onbeforeunload = function() {
  return '确定离开吗？';
};

window.addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'a' && event.target.href.indexOf('/login') === 0) {
    // 用户点击了登录链接，直接跳转
    location.href = '/login';
  }
});

3. **全局状态管理**：使用像Redux、Vue Router等状态管理库，在用户未登录的状态下，所有的路由都将导向登录页。

// 使用Vue Router示例
const router = new VueRouter({
  routes: [
    { path: '/', component: HomeComponent },
    { path: '/login', component: LoginPage }
  ],
  beforeEach(to, from, next) {
    if (!localStorage.isLoggedIn && to.path !== '/login') {
      next('/login');
    } else {
      next();
    }
  }
});

router.app.$on('popstate', function() {
  // 类似地处理popstate事件
});

请注意，上述方法并非全部适用于所有浏览器，某些低版本或私有模式下的浏览器可能对某些特性有所限制。因此，在实际项目中，建议根据目标平台的兼容性和用户体验来进行选择和调整。