关于使用axios和vue开发 手机端浏览器返回的时候读取缓存无法执行js和vue组件

Question

一个手机端的网站 在一个页面进行了检测登录限制 如果没登录就到登录页 但是到了登录页按返回键还是能回到第一个页 并且不读取任何数据和图片 求问怎么才能让他后退的时候是刷新网页而不是读取缓存的网站

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 中做检测