javascript - vue2.0 se rend compte qu'après la connexion, toutes les pages n'ont pas besoin d'être connectées et aucune connexion n'est requise. L'adresse de toute page visitée est transférée vers la page de connexion. Comment y parvenir ?

Question

Une fois que vue a implémenté la connexion, toutes les pages n'ont pas besoin d'être connectées et aucune connexion n'est requise. L'adresse de toute page consultée est transférée vers la page de connexion pour mettre en œuvre l'idée. Le projet utilise vue2.0 + axios.

高洛峰 · Answer

Mots clés :
Authentification basée sur des jetons, JWT, intercepteur axios

Lien :
Lien de référence

黄舟 · Answer

Dans la configuration du routage, ajoutez l'itinéraire qui nécessite une connexion

 meta: { requiresAuth: true }

Déterminez si l'utilisateur est connecté à main.js et accédez à la page de connexion s'il n'est pas connecté

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

Enregistrez le statut de connexion dans le stockage local ou dans un cookie ou vuex (de préférence vuex), puis le reste est similaire à ce qui précède