少妇无码一区二区三区,曰韩亚洲AV人人夜夜澡人人爽,亚洲天堂男人影院,丰满的闺蜜2中文字幕 欧美日韩亚洲第一AⅤ影院_国产精品午夜无码试看_亚洲视频中文字幕更新_中文无码字幕中文有码字幕

前端登錄流程

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

前端登錄流程

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

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

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

日歷

鏈接

個(gè)人資料

存檔