前端登錄流程
初次登錄的時(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è)頁面，根據(jù)后端接口的要求，只要不登錄就不能訪問的頁面需要在前端每次跳轉(zhuǎn)頁面師判斷Cookies中是否有token，沒有就跳轉(zhuǎn)到登錄頁，有就跳轉(zhuǎn)到相應(yīng)的頁面，我們應(yīng)該再每次發(fā)送post/get請(qǐng)求的時(shí)候應(yīng)該加入token，常用方法再項(xiàng)目utils/service.js中添加全局?jǐn)r截器，將token的值放入請(qǐng)求頭中
后端判斷請(qǐng)求頭中有無token，有token，就拿到token并驗(yàn)證token是否過期，在這里過期會(huì)返回?zé)o效的token然后有個(gè)跳回登錄頁面重新登錄并且清楚本地用戶的信息
再全局?jǐn)r截器中加代碼
轉(zhuǎn)自：csdn 作者：mslmhl
