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

 

如果你觉得我写的帮助到了你，就给我点个赞呀~