Vue axios設置訪問基礎路徑方法
更新時間：2018年09月19日 08:47:50 作者：pobu168
今天小編就為大家分享一篇Vue axios設置訪問基礎路徑方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
看過axios的官方文檔后配置變得簡單：
在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) {}）
可能會遇到下面的報錯：
isURLSameOrigin.js?cf95:57 Uncaught (in promise) TypeError: Cannot read property 'protocol' of undefined
這是因為axios不是VUE插件，不能使用 Vue.use(axios) 方式引用，需要使用上述原型方式引入
以上這篇Vue axios設置訪問基礎路徑方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue使用Font Awesome的方法步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
electron-vue開發(fā)環(huán)境內(nèi)存泄漏問題匯總
這篇文章主要介紹了electron-vue開發(fā)環(huán)境內(nèi)存泄漏問題匯總，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
這篇文章主要介紹了Vue中props報錯問題解決方案,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
Axios提供了取消請求的功能,可以通過使用CancelToken來實現(xiàn),這篇文章主要給大家介紹了關于axios取消請求CancelToken的用法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了VUE和Antv G6實現(xiàn)在線拓撲圖編輯操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要介紹了關于Vue3中的響應式原理，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了vue{{}}拼接字符串和換行符方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
最近有個項目需求就是在客戶端的右上角要實時展示提醒消息,下面這篇文章主要給大家介紹了關于Vue通知提醒框(Notification)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了關于全局安裝vue-cli遇到的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要介紹了vue2如何獲取上頁的url地址問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03