- 首先用戶需要進行登陸(請求登陸接口),接口請求成功之后后台會返回對應的用戶信息(可以把用戶信息存放在瀏覽器緩存中),並且后台會設置瀏覽器的cookie值(可以在network->header->Response Headers里的Set-Cookie看見),如下圖:
2. 用戶登陸之后的每個請求,瀏覽器都會自己帶上cookie,用於用戶驗證
3.vue中每次路由跳轉都會獲取之前存在緩存里面的用戶信息,如果能獲取到,則繼續下面的操作;如果獲取不到,用戶需要向后台重新請求下接口(這個接口是理論上是不需要任何請求體的,並且直接會返回用戶信息),通過請求結果進行后續操作,接口請求成功之后會有兩種結果:
-
- 返回正常的用戶信息,我們只需要更新下緩存里面的用戶信息即可
- 如果獲取不到用戶信息(請求成功,但是沒有用戶信息),則說明服務器的session過期,這時候需要跳轉到登陸界面,讓用戶重新登陸
4. 還有一種情況:用戶沒有進行路由跳轉,直接在當前頁進行接口請求,這時候如果服務器的session過期,后台會返回特定的提示信息(可能是某個特定的狀態碼,具體由后台設定),這時候也是需要跳轉到登陸界面的