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 中做檢測