axios 安装

npm install axios --save

axios 使用

1. axios 的引入

在main.js文件中引入（在main.js引入即为全局引入）

// axios需要使用prototype将axios挂载到原型上 ，$后面是自己另起的名称，以后就可以使用该名称
Vue.prototype.$axios = Axios

2.在组件中直接使用

1. 大体使用格式

使用方法一：

    // 使用方法一
    this.$axios.get()
    this.$axios.post()

使用方法二：

    // 使用方法二
    this.$axios({
      method: 'get',   // 方法
      url: url,  // 地址
      data: {    //参数
        xxx = xxx
      }
    })

2. 具体使用方法：

get方法无参数时：

    // get方法无参数时
    this.$axios.get(url)
      .then(res => {
        
      })
      .catch(error => {
        console.log(error)
      })

get方法有参数时方法一：

    // get方法有参数时方法一
    this.$axios.get("url?xxx=xxx")
      .then(res => {

      })
      .catch(error => {
        console.log(error)
      })

get方法有参数时方法二：

// get方法有参数时方法二
    this.$axios.get(url,{
      params:{
        xxx = xxx
      }
    })
      .then(res => {

      })
      .catch(error => {
        console.log(error)
      })

通过请求获取远程图片：

3.全局默认设置

在main.js文件中设置

// 全局默认设置
Axios.defaults.baseURL = 'url'
// 还可设置请求头headers等

4.拦截器设置