Vue axios设置访问基础路径方法
时间:2021-06-21 08:41:28|栏目:vue|点击: 次
看过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) 方式引用,需要使用上述原型方式引入