您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)axios全局注冊(cè),設(shè)置token,以及全局設(shè)置url請(qǐng)求網(wǎng)段的示例分析,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
a1.axios全局注冊(cè)
axios不同 與vue-resource不能在import axios from 'axios'后使用Vue.use(axios),axios不是插件,要想全局使用axios應(yīng)該修改其原型鏈,代碼如下
import axios from 'axios' Vue.prototype.$axios=axios
這樣 axios就全局注冊(cè)好了,要使用axios,只需要這樣
this.$axios.post("/login", this.form).then((response) => { } else { } });
使用this.$axios 就可以了。
2.axios設(shè)置頭部token.
設(shè)置token需要使用axios攔截器代碼如下
const url='192.137.8080/api'/*設(shè)置全局請(qǐng)求地址*/
axios.interceptors.request.use( config => { let token = localStorage.getItem("x-auth-token"); if (token) { // 判斷是否存在token,如果存在的話,則每個(gè)http header都加上token config.headers.token = `${token}`; } if (config.url.indexOf(url) === -1) { config.url = url + config.url;/*拼接完整請(qǐng)求路徑*/ } return config; }, err => { return Promise.reject(err); });
關(guān)于“axios全局注冊(cè),設(shè)置token,以及全局設(shè)置url請(qǐng)求網(wǎng)段的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。