1. 登錄的時(shí)候咖楣,前端要調(diào)用后端的接口,發(fā)送用戶名和密碼处渣。
2. 后端收到請(qǐng)求的時(shí)候伶贰,驗(yàn)證用戶名和密碼,驗(yàn)證成功罐栈,就會(huì)給前端返回一個(gè)token值黍衙。
3. 前端接受到token的,把token存儲(chǔ)到本地(localStorag cookie)和vuex中荠诬,并跳轉(zhuǎn)路由頁面琅翻。
4. 前端每次跳轉(zhuǎn)路由的時(shí)候位仁,就會(huì)判斷l(xiāng)ocalStorag cookie有沒有token,如果沒有token就要調(diào)到登錄頁面方椎,如果有則跳到相應(yīng)的頁面聂抢。
5. 每次調(diào)用后臺(tái)接口的時(shí)候,都在請(qǐng)求頭上加token
6. 后臺(tái)判斷請(qǐng)求頭中有沒有token值棠众,有就拿到token并驗(yàn)證token琳疏,驗(yàn)證成功就返回?cái)?shù)據(jù),驗(yàn)證失斦⒛谩(token過期)就返回401空盼,請(qǐng)求頭上沒有token也返回401
7. 前端拿到401,它就會(huì)清除token的信息并跳到登錄頁面新荤。