基本流程:登入後儲存token
是否有token
有token
判斷跳轉頁是否是登入頁面
是----->直接跳轉到主頁
否----->放過通行
沒有token
判斷跳轉的頁面是否需要token,即跳轉頁是否在白名單
是---->翻過通行
否---->跳轉到登入頁
一般在專案根目錄中新增permission.js檔案,用於進行判斷token,
一般在路由跳轉的時候才能夠進行許可權攔截,能夠攔截路由跳轉的是路由守衛
因此需要匯入路由例項物件 import router from '@/router' // 引入路由例項
token值需要從store中取得,import store from '@/store' // 引入vuex store例項
在跳轉的時候需要有進度條顯示,這裡用到了nprogress
1、先簡單介紹一下beforeeach,它是vue-router 的鉤子函式,有三個引數,分別是:
1.1)to:router 即將進入的路由物件
1.2)from:當前導航即將離開的路由
1.3)next:function,進行管道中的乙個鉤子,如果執行完了,則導航的狀態就是 confirmed
next() 放行
next(false) 跳轉終止
next(位址) 跳轉到某個位址
to.path() 訪問即將要跳轉的位址
登入許可權驗證token
原理 後端不在儲存認證資訊,而是在使用者登入的時候生成乙個token,然後返回給前端,前端進行儲存,在需要進行驗證的時候將token一併發送到後端,後端進行驗證加密的方式 對稱加密和非對稱加密,對稱加密指的是加密解密使用同乙個金鑰,非對稱加密使用公鑰和私鑰,加密用私鑰加密,解密用公鑰解密 使用者登入...
springboot 寫個token登入驗證
話不多說直接上 1.configuration 一下webmvcconfigurer 來弄乙個 configuration public class webconfig implements webmvcconfigurer 2.建立 public class reqinterceptor exte...
專案實現登入攜帶token
1.使用者第一次登入,呼叫後端登入介面,傳送使用者名稱和密碼 2.後端驗證使用者名稱和密碼是否正確,成功則返回token,3.前端拿到token,將token儲存在sessionstorge 和vuex中,並跳轉到主頁 4.前端每次跳轉路由就判斷sessionstorge中是否有token,沒有就跳...