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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。