前端token儲存方法

2021-09-25 12:16:19 字數 933 閱讀 1904

token儲存方法第一步安裝

npm i js-cookie //安裝
第二步在main.js引入

import cookie from

'js-cookie'

;vue.prototype.$cookie = cookie;

第三步賦值呼叫

var $cookie =

this

.$cookie;

//賦值

this

.$cookie.

set(

'token'

,$result.data.token)

//呼叫

headers:

//刪除token

this

.$cookie.

remove

("token"

)

localstorage儲存方法賦值

localstorage.

setitem

("key_token"

, result.data.token)

;

刪除localstorage指定鍵對應的值

localstorage.

removeitem

('token'

);

刪除localstorage所有值

localstorage.

clear

('token'

);

關於前端儲存token儲存位置的問題

一.我們首先要知道vuex,localstorage和sessionstorage區別 參考文章 1 localstorage 優點 a,localstorage生命週期是永久,這意味著除非使用者顯示在瀏覽器提供的ui上清除localstorage資訊,否則這些資訊將永遠存在。b,相同瀏覽器的不同頁...

前端存放token

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

前端之必 token

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