1.登陸成功后儲(chǔ)存token? 可以利用 vuex 儲(chǔ)存token?

2.利用路由守衛(wèi)處理

?

router.beforeEach((to,?from,?next)?=>?{ }） 3.我們可以判斷進(jìn)去的路由的名字是不是 login? 如果沒有token? 或者 跳轉(zhuǎn)的路徑不是登陸頁面 就跳轉(zhuǎn)到登陸頁面 如果有token &&? 跳轉(zhuǎn)的是登陸頁面 ，就跳轉(zhuǎn)到主頁面 if (!token && to.name !== LOGIN_PAGE_NAME) {// 未登錄且要跳轉(zhuǎn)的頁面不是登錄頁 next({name: LOGIN_PAGE_NAME // 跳轉(zhuǎn)到登錄頁 })} else if (!token && to.name === LOGIN_PAGE_NAME) {// 未登陸且要跳轉(zhuǎn)的頁面是登錄頁next() // 跳轉(zhuǎn)} else if (token && to.name === LOGIN_PAGE_NAME) {// 已登錄且要跳轉(zhuǎn)的頁面是登錄頁 next({name: homeName // 跳轉(zhuǎn)到homeName頁 })} else {if (store.state.user.hasGetInfo) {turnTo(to, store.state.user.access, next)} else {store.dispatch('getUserInfo').then(user => {console.log(token);// 拉取用戶信息，通過用戶權(quán)限和跳轉(zhuǎn)的頁面的name來判斷是否有權(quán)限訪問;access必須是一個(gè)數(shù)組，如：['super_admin'] ['super_admin', 'admin'] turnTo(to, user.access, next)}).catch(() => {setToken('');next({name: 'login'})})}}

?

轉(zhuǎn)載于:https://www.cnblogs.com/guangzhou11/p/11546966.html

總結(jié)

以上是生活随笔為你收集整理的vue token 过期处理的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。