vue實現(xiàn)配置全局訪問路徑頭(axios)
更新時間:2019年11月01日 11:26:05 作者:呂小胖紙
今天小編就為大家分享一篇vue實現(xiàn)配置全局訪問路徑頭(axios),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
在vue中用axios發(fā)送請求的時候總是:
axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{})
配置全局的url:
1.安裝axios:npm install axios --save-dev
2.main.js:
import axios from “axios” axios.defaults.baseURL = “http://localhost:3000/users/”; // 關(guān)鍵步驟–填寫后臺請求統(tǒng)一的地址 axios.defaults.headers.post[‘Content-Type'] = ‘a(chǎn)pplication/x-www-form-urlencoded'; Vue.config.productionTip = false; Vue.prototype.$addr = axios;
3.訪問:
此時再訪問的時候就會自帶請求頭了:
this.$addr.get(“userInfo”,{params:{xx:xxx}});
以上這篇vue實現(xiàn)配置全局訪問路徑頭(axios)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue移動端使用appClound拉起支付寶支付的實現(xiàn)方法
這篇文章主要介紹了vue移動端使用appClound拉起支付寶支付的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11VUE2響應(yīng)式原理使用Object.defineProperty缺點
這篇文章主要為大家介紹了VUE2響應(yīng)式原理使用Object.defineProperty缺點示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08vue組件中節(jié)流函數(shù)的失效的原因和解決方法
這篇文章主要介紹了vue組件中節(jié)流函數(shù)的失效和解決方法,幫助大家更好的理解和學(xué)習(xí)vue框架,感興趣的朋友可以了解下2020-12-12