首先要在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中,並跳轉...