手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

前端登錄流程

2021-5-6    前端達(dá)人

前端登錄流程

初次登錄的時候,前端調(diào)后調(diào)的登錄接口,發(fā)送用戶名和密碼,后端收到請求,驗證用戶名和密碼,驗證成功,就給前端返回一個token,和一個用戶信息的值,前端拿到token,將token儲存到Vuex中,然后從Vuex中把token的值存入瀏覽器Cookies中。把用戶信息存到Vuex然后再存儲到LocalStroage中
Cookies
在這里插入圖片描述
LocalStroage
在這里插入圖片描述
在這里插入圖片描述
然后跳轉(zhuǎn)到下一個頁面,根據(jù)后端接口的要求,只要不登錄就不能訪問的頁面需要在前端每次跳轉(zhuǎn)頁面師判斷Cookies中是否有token,沒有就跳轉(zhuǎn)到登錄頁,有就跳轉(zhuǎn)到相應(yīng)的頁面,我們應(yīng)該再每次發(fā)送post/get請求的時候應(yīng)該加入token,常用方法再項目utils/service.js中添加全局?jǐn)r截器,將token的值放入請求頭中
在這里插入圖片描述
后端判斷請求頭中有無token,有token,就拿到token并驗證token是否過期,在這里過期會返回?zé)o效的token然后有個跳回登錄頁面重新登錄并且清楚本地用戶的信息在這里插入圖片描述

再全局?jǐn)r截器中加代碼在這里插入圖片描述

轉(zhuǎn)自:csdn 作者:mslmhl

分享本文至:

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.88yangsc.com

存檔