前端之必 token

2021-09-25 13:35:24 字數 581 閱讀 2271

什麼是token

token的意思是「令牌」,是服務端生成的一串字串,作為客戶端進行請求的乙個標識。當使用者第一次登入後,伺服器生成乙個token並將此token返回給客戶端,以後客戶端只需帶上這個token前來請求資料即可,無需再次帶上使用者名稱和密碼。

簡單token的組成;uid(使用者唯一的身份標識)、time(當前時間的時間戳)、sign(簽名,token的前幾位以雜湊演算法壓縮成的一定長度的十六進製制字串。為防止token洩露)。

使用token機制的身份驗證方法,在伺服器端不需要儲存使用者的登入記錄。

大概的流程:

客戶端使用使用者名稱和密碼請求登入。

服務端收到請求,驗證使用者名稱和密碼。

驗證成功後,服務端會生成乙個token,然後把這個token傳送給客戶端。

客戶端收到token後把它儲存起來,可以放在cookie或者local storage(本地儲存)裡。

客戶端每次向服務端傳送請求的時候都需要帶上服務端發給的token。

服務端收到請求,然後去驗證客戶端請求裡面帶著token,如果驗證成功,就向客戶端返回請求的資料。

前端存放token

1 可以將token儲存在 localstorage裡面,在乙個統一的地方複寫請求頭,讓每次請求都在header中帶上這個token,當token失效的時候,後端肯定會返回401,這個時候在你可以在前端 中操作返回登陸頁面,清除localstorage中的token就好。2 storage的loca...

前端開發之站長必知

作為站長的你,一定都很想知道自己的 的運營情況,功能完善,一些開發需要的工具,讓我們的 如虎添翼。1 給 新增icon 2 統計等 3 內容分享 1.share.js 3.jiathis分享 chrome jiathis content welcome.xul 4 靜態內容壓縮處理 開啟gzip的壓...

前端token儲存方法

token儲存方法第一步安裝 npm i js cookie 安裝第二步在main.js引入 import cookie from js cookie vue.prototype.cookie cookie 第三步賦值呼叫 var cookie this cookie 賦值 this cookie....