Vue问题集

axios安装/使用及如何解决‘axios is not defined’

版权声明：本问题解决方案为CSDN博主「Icon_酱」的原创文章，遵循CC 4.0 BY-SA版权协议，转载附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/yytIcon/article/details/90713049

安装axios

1、使用npm

$ npm install axios

2、使用 bower:

$ bower install axios

3、使用 cdn:

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

使用axios

1、使用例子

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

2、解决办法

在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
                }
              })
              .then(res => {
                console.log(res);
              }).catch(err => {
                console.log(err);
              })
          }
这样就避免了“axios  is not defined”的错误