javascript - Concernant le développement utilisant axios et vue, lorsque le navigateur mobile revient, il lit le cache et ne peut pas exécuter les composants js et vue.

Question

Un site Web mobile a testé les restrictions de connexion sur une page. Si vous n'êtes pas connecté, vous accéderez à la page de connexion, mais lorsque vous atteignez la page de connexion et appuyez sur la touche Retour, vous pouvez toujours revenir à la première page sans rien lire. des données ou des images. Comment puis-je le faire revenir en arrière ? Il est temps d'actualiser la page Web au lieu de lire le site Web mis en cache ?

滿天的星座 · Answer

Le paramètre window.location.replace() écrit l'adresse de routage à laquelle vous souhaitez accéder (cette page ne générera pas de cache et le navigateur n'aura pas d'option de retour. Si vous devez générer une option de retour, remplacez "remplacer" " avec assignation);

给我你的怀抱 · Answer

Si vous utilisez vue-router dans votre projet, vous pouvez utiliser router.beforeEach
Reportez-vous au code ci-dessous

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...

Si vue-router n'est pas utilisé, vous pouvez mettre le jugement de connexion avant de créer pour la détection