案例1：

案例2：

Token 是用戶(hù)登錄成功之后服務(wù)端返回的一個(gè)身份令牌，在項(xiàng)目中的多個(gè)業(yè)務(wù)中需要使用到

校驗(yàn)頁(yè)面的訪(fǎng)問(wèn)權(quán)限
訪(fǎng)問(wèn)需要授權(quán)的 API 接口
…

但是我們只有在第一次用戶(hù)登錄成功之后才能拿到 Token。

所以為了能在其它模塊中獲取到 Token 數(shù)據(jù)，我們需要把它存儲(chǔ)到一個(gè)公共的位置，方便隨時(shí)取用。

往哪兒存？

本地存儲(chǔ)（不推薦）
獲取麻煩
數(shù)據(jù)不是響應(yīng)式

Vuex 容器（推薦）
獲取方便
響應(yīng)式的

使用容器存儲(chǔ) Token 的思路：

登錄成功，將 Token 存儲(chǔ)到 Vuex 容器中

獲取方便

響應(yīng)式

為了持久化，還需要把 Token 放到本地存儲(chǔ)
持久化

下面是具體實(shí)現(xiàn)。

總結(jié)

以上是生活随笔為你收集整理的Vuex在项目中使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。