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

问题描述

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

问题解答

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

如果你的项目中有用到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 中做检测