import Vue from 'vue'
import axios from 'axios'
import Router from 'vue-router'
import ElementUI from 'element-ui'

Vue.use(ElementUI)
Vue.use(axios)
Vue.use(Router)

Vue项目中使用axios时,按照上述方式将axios以插件的方式来使用就会报错,如下:

出现这个错误的原因就是将axios当做Vue的插件使用了,这是错误的,正确的做法如下:

import Vue from 'vue'
import axios from 'axios'
import Router from 'vue-router'
import ElementUI from 'element-ui'

Vue.use(ElementUI)
//Vue.use(axios)  这是错误用法,会报错
Vue.use(Router)

Vue.prototype.$ajax = axios  //这是正确用法

这段代码里最后一行,$ajax也可以换作其他如$http等。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐