Vue中使用JWT進行身份認(rèn)證也是一種常見的方式,它能夠更好地保護用戶的信息。下面將介紹:
1.客戶端發(fā)送用戶名和密碼
客戶端發(fā)送用戶名和密碼到服務(wù)器,服務(wù)器收到請求后,會根據(jù)用戶名和密碼進行身份認(rèn)證,如果認(rèn)證通過,則會生成一個JWT(JSON Web Token),該JWT包含一個有效期,以及一些其他的信息,比如用戶的角色信息等。
2.服務(wù)器返回JWT
服務(wù)器收到客戶端的請求后,如果認(rèn)證通過,就會返回一個JWT給客戶端,客戶端收到JWT后,會將其存儲在本地,比如存儲在localStorage中。
3.客戶端發(fā)送請求時帶上JWT
當(dāng)客戶端發(fā)送請求到服務(wù)器時,會將存儲在本地的JWT一并發(fā)送到服務(wù)器,服務(wù)器收到請求后,會根據(jù)JWT中的信息來進行身份認(rèn)證,如果認(rèn)證通過,則會處理請求,如果認(rèn)證失敗,則會拒絕請求。
4.服務(wù)器根據(jù)JWT進行身份認(rèn)證
服務(wù)器收到客戶端發(fā)送的請求后,會根據(jù)JWT中的信息來進行身份認(rèn)證,如果認(rèn)證通過,則會處理請求,如果認(rèn)證失敗,則會拒絕請求。
5.客戶端更新JWT
客戶端收到服務(wù)器發(fā)送的JWT后,會將其存儲在本地,同時會設(shè)置一個定時器,定時去檢查JWT是否過期,如果JWT過期了,則會重新發(fā)送請求到服務(wù)器,服務(wù)器收到請求后,會根據(jù)用戶名和密碼重新生成一個JWT,將新的JWT發(fā)送給客戶端,客戶端收到新的JWT后,會將其存儲在本地,并重新設(shè)置定時器,以檢查JWT是否過期。
6.客戶端注銷登錄
當(dāng)客戶端需要注銷登錄時,會將本地存儲的JWT清除,這樣就能夠確??蛻舳说陌踩?。
以上就是,它能夠更好地保護用戶的信息,提高安全性。
千鋒教育是高品質(zhì)web前端培訓(xùn)機構(gòu),千鋒教育擁有大量實力web前端培訓(xùn)講師,提供優(yōu)質(zhì)的web培訓(xùn)課程,web前端培訓(xùn),歡迎報名千鋒教育。