傳統(tǒng)方式中，許多人使用本地存儲(chǔ)，來管理通過客戶端驗(yàn)證生成的tokens。一個(gè)大問題是如何有更好的方式，來管理驗(yàn)證tokens，從而允許我們來存儲(chǔ)更大的用戶信息。

網(wǎng)站設(shè)計(jì)制作過程拒絕使用模板建站；使用PHP+MYSQL原生開發(fā)可交付網(wǎng)站源代碼;符合網(wǎng)站優(yōu)化排名的后臺(tái)管理系統(tǒng)；成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站收費(fèi)合理；免費(fèi)進(jìn)行網(wǎng)站備案等企業(yè)網(wǎng)站建設(shè)一條龍服務(wù).我們是一家持續(xù)穩(wěn)定運(yùn)營了十載的創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司。

這就是Vuex的作用。 Vuex為Vue.js應(yīng)用管理狀態(tài).。對(duì)于應(yīng)用中所有的組件來說，它被當(dāng)做中央存儲(chǔ)，并用規(guī)則確保狀態(tài)只能以可預(yù)見的方式改變。

對(duì)于經(jīng)常檢查本地存儲(chǔ)來說，聽起來是個(gè)更好的選擇？讓我們一起來探索下吧。

建立應(yīng)用模塊

對(duì)于這個(gè)項(xiàng)目，我們想創(chuàng)建一個(gè)使用vuex和vue-router的vue應(yīng)用。我們會(huì)使用vue cli 3.0 來創(chuàng)建一個(gè)vue項(xiàng)目，并從選項(xiàng)中選擇路由和vuex。

執(zhí)行下面的命令開始創(chuàng)建:

$ vue create vue-auth

按照對(duì)話框的提示，添加必要的信息，并選擇我們需要的選項(xiàng)，完成安裝。

下一步, 安裝axios:

$ npm install axios --save 

配置Axios

我們?cè)谠S多組件中都需要用到axios。讓我們?cè)谌终w來配置它，這樣當(dāng)我們需要它的時(shí)候，不用每次都去引入。

打開 ./src/main.js 文件，并且添加下面:

[...]
import store from './store'
import Axios from 'axios'
 
Vue.prototype.$http = Axios;
const token = localStorage.getItem('token')
if (token) {
 Vue.prototype.$http.defaults.headers.common['Authorization'] = token
}
[...]

網(wǎng)站欄目：使用Vuex解決Vue中的身份驗(yàn)證問題-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://weahome.cn/article/isgep.html