axios请求数据和拦截器

一、 Axios

1. Axios是什么
   Axios是一个基于 promise 的 HTTP 库
   可以用于浏览器和 node.js
   类似于 Ajax，进行前后端交互使用

2. Axios 特性
   支持 Promise API
   拦截请求和响应
   转换请求数据和响应数据
   取消请求
   自动转换JSON数据
   客户端支持防御 XSRF

安装和使用
两种安装方式：（二选一）

1. npm
2. yarn

// 使用npm：
$ npm install axios

// 或者使用yarn：
$ yarn add axios

使用方式

// 引入axios
import axios from 'axios'

axios.get('url').then(res => {
   
    // 请求成功要做的事
}).catch(err => {
   
    // 请求失败要做的事
})

//  这里是一个天气预报的实例
  axios.get('http://wthrcdn.etouch.cn/weather_mini?city=${this.city}')
                .then(response => (this.info = response.data))
                .catch(function (error) {
    // 请求失败处理
                    console.log(error);
                });

基础介绍及使用
axios常用请求方法
get
post
put
patch
delete

请求方式的区别

方法	用途	备注
get	获取数据	/
post	提交数据	表单提交、文件上传等
put	更新数据	所有数据推送到后端
patch	更新数据	只将修改的数