vue路由守卫判断用户是否登录,如果没登陆就跳转到登录
生活随笔
收集整理的這篇文章主要介紹了
vue路由守卫判断用户是否登录,如果没登陆就跳转到登录
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
router.beforeEach((to, from, next) => {//路由跳轉(zhuǎn)中const nextRoute = ['About'];//將所有需要登陸才顯示的頁(yè)面的路由都放進(jìn)一個(gè)數(shù)組,我這里是about頁(yè)面// 開(kāi)啟進(jìn)度條NProgress.start()if(nextRoute.indexOf(to.name) >= 0) { //判斷要進(jìn)入的頁(yè)面路由是否需要登錄才能進(jìn)入,如果是就判斷登錄狀態(tài)if (getToken()) {//如果登錄了就next可以進(jìn)入next()} else {//如果沒(méi)登陸,當(dāng)用戶點(diǎn)擊需要登錄進(jìn)入的頁(yè)面跳轉(zhuǎn)到登錄頁(yè),并給出提示請(qǐng)先登錄if (to.path === '/') { next()} else {Message.warning({showClose: true,message: '請(qǐng)先登錄',})next('/')NProgress.done()//關(guān)閉進(jìn)度條}}}else{next()}
}
)
總結(jié)
以上是生活随笔為你收集整理的vue路由守卫判断用户是否登录,如果没登陆就跳转到登录的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 有为青年不二之选 UP主同款华为全家桶改
- 下一篇: vue中关于flv.js的心得操作