Vue axios设置访问基础路径方法
(编辑：jimmy 日期: 2025/5/13 浏览：3 次 )
看过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设置访问基础路径方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
下一篇：详解webpack打包nodejs项目(前端代码)