前端驗證用戶登陸狀態(vue.js)


  1. 首先用戶需要進行登陸(請求登陸接口),接口請求成功之后后台會返回對應的用戶信息(可以把用戶信息存放在瀏覽器緩存中),並且后台會設置瀏覽器的cookie值(可以在network->header->Response Headers里的Set-Cookie看見),如下圖:

  2. 用戶登陸之后的每個請求,瀏覽器都會自己帶上cookie,用於用戶驗證

  3.vue中每次路由跳轉都會獲取之前存在緩存里面的用戶信息,如果能獲取到,則繼續下面的操作;如果獲取不到,用戶需要向后台重新請求下接口(這個接口是理論上是不需要任何請求體的,並且直接會返回用戶信息),通過請求結果進行后續操作,接口請求成功之后會有兩種結果:

    • 返回正常的用戶信息,我們只需要更新下緩存里面的用戶信息即可
    • 如果獲取不到用戶信息(請求成功,但是沒有用戶信息),則說明服務器的session過期,這時候需要跳轉到登陸界面,讓用戶重新登陸

  4. 還有一種情況:用戶沒有進行路由跳轉,直接在當前頁進行接口請求,這時候如果服務器的session過期,后台會返回特定的提示信息(可能是某個特定的狀態碼,具體由后台設定),這時候也是需要跳轉到登陸界面的


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM