Vue專案中跳過登入頁面直接訪問某個頁面

2021-10-06 15:17:16 字數 930 閱讀 7565

首先要在router下的index.js中新增路由,照葫蘆畫瓢就行

,
接著是permission.js,網上很多資料都說是mian.js,但是我的這個專案是在permission.js裡面

這裡還是整個拿過來,重要的都有註解

import router from './router'

import store from './store'

import

from 'element-ui'

import nprogress from 'nprogress'

import 'nprogress/nprogress.css'

import

from '@/utils/auth'

nprogress.configure(

)const whitelist = ['/login', '/auth-redirect', '/bind', '/register', '/windex'] //這裡設定了免登入白名單

router.beforeeach((to, from, next) =>

) nprogress.done()

}else

).then(accessroutes =>)}

)}) .catch(err =>)}

)})}

else}}

else

else

`) // 否則全部重定向到登入頁*/

next

(`/windex`) //否則全部到windex

nprogress.done()

}}})

router.aftereach(() =>

)

這個檔案裡我只改了白名單列表和最後一段,其他都是原專案裡的沒動

Vue專案中動態修改頁面標題title

如果需要動態設定頁面的title,可以直接使用document.title 可以使用router的beforeeach去統一設定,這種方法使用每個頁面都是固定的標題,在進入路由就賦值標題,進入路由後就不修改了 使用document.title動態修改頁面標題 1 在index.js中設定docume...

如何動態修改Vue專案中的頁面title

前言 在專案中,我們有時候需要修改vue專案中的頁面title。方法有兩種,如果需要動態設定頁面的title,可以直接使用document.title 可以使用router的beforeeach去統一設定,這種方法使用每個頁面都是固定的標題,在進入路由就賦值標題,進入路由後就不修改了。一 方法一使用...

Vue專案中實現使用者登入及token驗證

在前後端完全分離的情況下,vue專案中實現token驗證大致思路如下 1 第一次登入的時候,前端調後端的登陸介面,傳送使用者名稱和密碼 2 後端收到請求,驗證使用者名稱和密碼,驗證成功,就給前端返回乙個token 3 前端拿到token,將token儲存到localstorage和vuex中,並跳轉...