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

vue Après vous être connecté, toutes les pages n'ont pas besoin d'être connectées, même si vous n'êtes pas connecté. 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 1

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

Lien :
Lien de référence

Answer 2

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 3

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