1.初次安装使用 axios 发现提示 axios is not defined
2.以 axios 官方文档get请求为例子,发现运行时还是会报上述错误
axios.get('/user?ID=12345')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
3.查阅资料发现在 main.js 中添加以下代码即可解决
import axios from 'axios';
Vue.prototype.$axios = axios;
//由于axios不是vue的插件,不能使用Vue.use(),要通过控制原型链的方式来引入
4.将调用代码中 axios 改为 this.$axios
this.$axios.get('/user?ID=12345')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
这样便可正常运行。