切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2022年04月15日

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

本文就“axios安装之报错‘axios is not defined’解决方案”展开讨论，作者切版网，发布于2022年04月15日 全文共737个字，预计阅读时长2分27秒。

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”的错误~·

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。