vue實(shí)現(xiàn)配置全局訪問(wèn)路徑頭(axios)
在vue中用axios發(fā)送請(qǐng)求的時(shí)候總是:
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)鍵步驟–填寫(xiě)后臺(tái)請(qǐng)求統(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.訪問(wèn):
此時(shí)再訪問(wèn)的時(shí)候就會(huì)自帶請(qǐng)求頭了:
this.$addr.get(“userInfo”,{params:{xx:xxx}});
以上這篇vue實(shí)現(xiàn)配置全局訪問(wèn)路徑頭(axios)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue移動(dòng)端使用appClound拉起支付寶支付的實(shí)現(xiàn)方法
這篇文章主要介紹了vue移動(dòng)端使用appClound拉起支付寶支付的實(shí)現(xiàn)方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11Vue項(xiàng)目路由刷新的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue項(xiàng)目路由刷新的實(shí)現(xiàn)代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-04-04基于vue開(kāi)發(fā)的在線付費(fèi)課程應(yīng)用過(guò)程
這篇文章主要介紹了基于vue開(kāi)發(fā)的在線付費(fèi)課程應(yīng)用過(guò)程,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-01-01vue項(xiàng)目移動(dòng)端實(shí)現(xiàn)ip輸入框問(wèn)題
這篇文章主要介紹了vue項(xiàng)目移動(dòng)端實(shí)現(xiàn)ip輸入框問(wèn)題,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-03-03VUE2響應(yīng)式原理使用Object.defineProperty缺點(diǎn)
這篇文章主要為大家介紹了VUE2響應(yīng)式原理使用Object.defineProperty缺點(diǎn)示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08vue組件中節(jié)流函數(shù)的失效的原因和解決方法
這篇文章主要介紹了vue組件中節(jié)流函數(shù)的失效和解決方法,幫助大家更好的理解和學(xué)習(xí)vue框架,感興趣的朋友可以了解下2020-12-12