Vue axios設(shè)置訪問(wèn)基礎(chǔ)路徑方法
看過(guò)axios的官方文檔后配置變得簡(jiǎn)單:
在main.js 做如下配置:
import axios from 'axios' axios.defaults.baseURL = 'http://10.202.42.24:8080/sf-cloud-web' Vue.prototype.axios = axios
最后一行是將axios配置到Vue原型中,使用方法為:
this.axios.get('/test/1').then(function (response) {})
可能會(huì)遇到下面的報(bào)錯(cuò):
isURLSameOrigin.js?cf95:57 Uncaught (in promise) TypeError: Cannot read property 'protocol' of undefined
這是因?yàn)閍xios不是VUE插件,不能使用 Vue.use(axios) 方式引用,需要使用上述原型方式引入
以上這篇Vue axios設(shè)置訪問(wèn)基礎(chǔ)路徑方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
electron-vue開(kāi)發(fā)環(huán)境內(nèi)存泄漏問(wèn)題匯總
這篇文章主要介紹了electron-vue開(kāi)發(fā)環(huán)境內(nèi)存泄漏問(wèn)題匯總,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
Vue中props報(bào)錯(cuò)問(wèn)題解決方案
這篇文章主要介紹了Vue中props報(bào)錯(cuò)問(wèn)題解決方案,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
axios取消請(qǐng)求CancelToken的用法示例代碼
Axios提供了取消請(qǐng)求的功能,可以通過(guò)使用CancelToken來(lái)實(shí)現(xiàn),這篇文章主要給大家介紹了關(guān)于axios取消請(qǐng)求CancelToken的用法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
VUE和Antv G6實(shí)現(xiàn)在線拓?fù)鋱D編輯操作
這篇文章主要介紹了VUE和Antv G6實(shí)現(xiàn)在線拓?fù)鋱D編輯操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
關(guān)于全局安裝vue-cli遇到的問(wèn)題及解決
這篇文章主要介紹了關(guān)于全局安裝vue-cli遇到的問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-03-03

