微客导航 » 文章资讯 » Vue axios设置访问基础路径方法

Vue axios设置访问基础路径方法

2023-09-08 02:31:04 382

看过axios的官方文档后配置变得简单：

在main.js做如下配置：

importaxiosfrom'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:57Uncaught(inpromise)TypeError:Cannot

readproperty'protocol'ofundefined

这是因为axios不是VUE插件，不能使用Vue.use(axios)方式引用，需要使用上述原型方式引入

以上这篇Vueaxios设置访问基础路径方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。