vue專案中token的儲存和使用

2021-10-05 09:12:09 字數 448 閱讀 3292

一般來說,都會在登入時調取登入介面,並獲得token值,我們將他儲存在localstorage或者sessionstorage裡面。

儲存token的方法

sessionstorage.setitem(『token』,response.data.token)

獲取token的方法

sessionstorage.getitem(「token」)

登陸介面調取介面時不加token,別的介面需要給介面新增token

我們需要給這邊做個判斷

axios.interceptors.request.use(

config =>

return config

},error =>

)

在vue專案中實現Token替換

token在計算機身份認證中是令牌 臨時 的意思,在詞法分析中是標記的意思。一般作為邀請 登入系統使用。在vue專案中實現token替換 思路 這裡使用的vue中的請求 根據後端返回的token的生成時間,以及該token的有效期和當前傳送請求的時間進行計算,判斷當前token是否快要過期,以確定是...

Vue專案中實現使用者登入及token驗證

在前後端完全分離的情況下,vue專案中實現token驗證大致思路如下 1 第一次登入的時候,前端調後端的登陸介面,傳送使用者名稱和密碼 2 後端收到請求,驗證使用者名稱和密碼,驗證成功,就給前端返回乙個token 3 前端拿到token,將token儲存到localstorage和vuex中,並跳轉...

vue 專案中的scoped

加了scoped的樣式,在打包後,就會給同乙個帶有scoped的style裡面的樣式增加一段特殊標識,看下面例子就曉得了 打包後在.css檔案中就成了如下 one h1 xx h2 xx h4 xx 這裡的 xx在同乙個scoped裡面的都一樣,不同的不一樣 這就是為什麼引入其他元件時,在帶有sco...