javascript - vue2.0 menyedari bahawa selepas log masuk, semua halaman tidak perlu dilog masuk, dan tiada log masuk diperlukan. Alamat mana-mana halaman yang dilawati dipindahkan ke halaman log masuk Bagaimana untuk mencapai ini?

Question

vue Selepas log masuk, semua halaman tidak perlu dilog masuk, walaupun anda tidak log masuk. Alamat mana-mana halaman yang diakses dipindahkan ke halaman log masuk untuk melaksanakan idea Projek menggunakan vue2.0 + axios,

Answer 1

Kata kunci:
Pengesahan berasaskan token, JWT, pemintas aksios

Pautan:
Pautan rujukan

Answer 2

Dalam konfigurasi penghalaan, tambahkan

pada laluan yang perlu dilog masuk.

 meta: { requiresAuth: true }

Tentukan sama ada pengguna log masuk ke main.js, dan lompat ke halaman log masuk jika tidak log masuk

router.beforeEach((to, from, next) => {
    if (to.matched.some(record => record.meta.requiresAuth)) {
        //这里判断用户是否登录，我例子中是验证本地存储是否有token
        if (!localStorage.token) {
            next({
                path: '/login',
                query: { redirect: to.fullPath }
            })
        } else {
            next()
        }
    } else {
        next() // 确保一定要调用 next()
    }
})

Answer 3

Simpan status log masuk dalam storan tempatan atau kuki atau vuex (sebaik-baiknya vuex), dan kemudian yang lain adalah serupa dengan yang di atas