登入token處理

2022-09-19 20:36:26 字數 856 閱讀 7499

基本流程:登入後儲存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,沒有就跳...