axios安装之报错‘axios is not defined’解决方案

切版网专注网页切版服务

axios是vue的ajax调用数据解决方案,下面附axios安装之报错‘axios  is not defined’解决方案

安装axios
1、使用npm

$ npm install axios
2、使用 bower:

$ bower install axios
3、使用 cdn:

<script src=”https://unpkg.com/axios/dist/axios.min.js”></script>
我用的npm,说说我在使用axios中踩的坑。

很多教程都是直接这样写的使用例子,

sendGet() {
axios.get(‘http://localhost:3000/info’, {
// params:{
// name:’aa’,
// age:22
// }
params: this.user
})
.then(resp => {
console.log(resp);
}).catch(err => {
console.log(err);
})
}
但是在运行的时候会报错,显示axios is not defined

解决办法
在main.js里写

import axios from ‘axios’;
Vue.prototype.$axios = axios;
然后将上述代码改成

sendGet() {
this.$axios.get(‘http://localhost:3000/info’, {//这里将axios.get 改为this.$axios.get
// params:{
// name:’aa’,
// age:22
// }
params: this.user
})
.then(resp => {
console.log(resp);
}).catch(err => {
console.log(err);
})
},
这样就避免了“axios is not defined”的错误~·

 

建立您的线上前端开发部门

最高11年前端从业经验,专业只做web前端切图,只要您愿意,切版网就是您公司的前端部门。