从vue-resource切换到axios

Question

使用vue-resource,我们可以main.js像这样设置根URL :

Vue.http.options.root = 'http://localhost:3000/api'

我尝试将其替换为:

axios.defaults.baseURL = 'http://localhost:3000/api';
Vue.prototype.$http = axios

但是,现在我的帖子调用不能按预期工作,并Vue.http.post抛出错误.

这是如何实现的？

Answer 1

使用axios,可以创建另一个具有自定义配置的实例

var my_axios = axios.create({
  baseURL: 'http://localhost:3000/api',
});

从这里可以my_axios用于操作.您可以将自定义axios实例原型化为Vue:

Vue.prototype.$http = my_axios