javascript - 關於使用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 中做偵測