router.beforeEach((to, from, next) => {//路由跳轉(zhuǎn)中const nextRoute = ['About'];//將所有需要登陸才顯示的頁面的路由都放進一個數(shù)組，我這里是about頁面// 開啟進度條NProgress.start()if(nextRoute.indexOf(to.name) >= 0) { //判斷要進入的頁面路由是否需要登錄才能進入,如果是就判斷登錄狀態(tài)if (getToken()) {//如果登錄了就next可以進入next()} else {//如果沒登陸，當用戶點擊需要登錄進入的頁面跳轉(zhuǎn)到登錄頁，并給出提示請先登錄if (to.path === '/') { next()} else {Message.warning({showClose: true,message: '請先登錄',})next('/')NProgress.done()//關(guān)閉進度條}}}else{next()} } )

總結(jié)

以上是生活随笔為你收集整理的vue路由守卫判断用户是否登录，如果没登陆就跳转到登录的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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