javascript – Bezüglich der Entwicklung mit Axios und Vue. Wenn der mobile Browser zurückkehrt, liest er den Cache und kann keine js- und vue-Komponenten ausführen.

Question

Eine mobile Website hat Anmeldebeschränkungen auf einer Seite getestet. Wenn Sie nicht angemeldet sind, gelangen Sie zur Anmeldeseite. Wenn Sie jedoch die Anmeldeseite erreichen und die Eingabetaste drücken, können Sie trotzdem zur ersten Seite zurückkehren, ohne sie zu lesen irgendwelche Daten oder Bilder. Wie kann ich ihn dazu bringen, zurückzukehren? Es ist Zeit, die Webseite zu aktualisieren, anstatt die zwischengespeicherte Website zu lesen

Answer 1

window.location.replace()参数写你要跳转的路由地址（本页面不会产生缓存，浏览器不会有后退选项，如果需要产生后退选项把“replace”换成assign）；

Answer 2

如果你的项目中有用到vue-router 可以用router.beforeEach
参考下面代码

router.beforeEach((to, from, next) => {
  store.commit('SET_MODULE', to.meta.module)
  if (to.matched.some(record => record.meta.requiresAuth === true)) {
    if (store.getters.token === '') { 
      next({
        path: '/sign',
        query: {redirect: to.fullPath}
      })
    } else {
      next()
    }
  } else if (to.matched.some(record => record.meta.requiresAuth === false)) {
    if (store.getters.token !== '') {
      next(to.query.redirect || '/m')
    } else {
      next()
    }
  } else {
    next()
  }
})

https://github.com/ycloud/cno...

如果没有用到vue-router 可以把登录判断放到 beforeCreate 中做检测