前端驗證用戶登錄狀態（vue.js）

1. 首先用戶須要進行登錄（請求登錄接口），接口請求成功以後後臺會返回對應的用戶信息（能夠把用戶信息存放在瀏覽器緩存中），而且後臺會設置瀏覽器的cookie值（能夠在network->header->Response Headers裏的Set-Cookie看見）,以下圖：

　　2. 用戶登錄以後的每一個請求，瀏覽器都會本身帶上cookie，用於用戶驗證

　　3.vue中每次路由跳轉都會獲取以前存在緩存裏面的用戶信息，若是能獲取到，則繼續下面的操做；若是獲取不到，用戶須要向後臺從新請求下接口（這個接口是理論上是不須要任何請求體的，而且直接會返回用戶信息），經過請求結果進行後續操做，接口請求成功以後會有兩種結果：

• • 返回正常的用戶信息，咱們只須要更新下緩存裏面的用戶信息便可
  • 若是獲取不到用戶信息（請求成功，可是沒有用戶信息），則說明服務器的session過時，這時候須要跳轉到登錄界面，讓用戶從新登錄

　　4. 還有一種狀況：用戶沒有進行路由跳轉，直接在當前頁進行接口請求，這時候若是服務器的session過時，後臺會返回特定的提示信息（多是某個特定的狀態碼，具體由後臺設定），這時候也是須要跳轉到登錄界面的