javascript - vue2.0 erkennt, dass nach der Anmeldung nicht alle Seiten angemeldet werden müssen und keine Anmeldung erforderlich ist. Die Adresse jeder besuchten Seite wird auf die Anmeldeseite übertragen.

Question

vue Nach dem Anmelden müssen Sie nicht auf allen Seiten angemeldet sein, auch wenn Sie nicht angemeldet sind. Zur Umsetzung der Idee wird die Adresse jeder aufgerufenen Seite auf die Login-Seite übertragen. Das Projekt nutzt vue2.0 + axios,

Answer 1

关键词：
基于token的身份验证，JWT，axios拦截器

链接：
参考链接

Answer 2

在路由配置中，需要登录的路由加上

 meta: { requiresAuth: true }

在main.js中判断用户是否登录，未登录跳转到登录页

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

将登录状态保存在本地storage或cookie或vuex（最好是vuex），然后其他的跟上面差不多