javascript - vue2.0 realizes that after logging in, all pages do not need to be logged in, and no login is required. The address of any page visited is transferred to the login page. How to achieve this?-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - vue2.0 realizes that after logging in, all pages do not need to be logged in, and no login is required. The address of any page visited is transferred to the login page. How to achieve this?

大家讲道理 2017-05-19 10:36:19

716

vue After logging in, all pages do not need to be logged in, and no login is required. The address of any page accessed is transferred to the login page to implement the idea.
The project uses vue2.0 axios,

大家讲道理

光阴似箭催人老，日月如移越少年。

reply all (3)

小葫芦2017-05-19 10:38:19 3 floor

Keywords:
Token-based authentication, JWT, axios interceptor

Link:
Reference link

Like+0

Add Reply

黄舟2017-05-19 10:38:19 2 floor

In the routing configuration, add the route that requires login

meta: { requiresAuth: true }

Determine whether the user is logged in in main.js, and jump to the login page if not logged in

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() } })

Like+0

Add Reply