javascript - Berkenaan pembangunan menggunakan axios dan vue Apabila penyemak imbas mudah alih kembali, ia membaca cache dan tidak boleh melaksanakan komponen js dan vue.

Question

Tapak web mudah alih telah menguji sekatan log masuk pada halaman Jika anda tidak log masuk, anda akan pergi ke halaman log masuk, tetapi apabila anda mencapai halaman log masuk dan menekan kekunci kembali, anda masih boleh kembali ke halaman pertama tanpa membaca. sebarang data atau gambar. Bagaimanakah saya boleh membuat dia kembali?

Answer 1

Parameter window.location.replace() menulis alamat penghalaan yang ingin anda lompati (halaman ini tidak akan menjana cache dan penyemak imbas tidak akan mempunyai pilihan belakang. Jika anda perlu menjana pilihan belakang, gantikan "ganti " dengan tugasan);

Answer 2

Jika anda menggunakan vue-router dalam projek anda, anda boleh menggunakan router.beforeEach
Rujuk kod di bawah

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

Jika vue-router tidak digunakan, anda boleh meletakkan pertimbangan log masuk sebelumBuat untuk pengesanan