axios

axios

axios 是一个基于Promise用于浏览器和node.js的HTTP客户端
它具有以下特性：

• 支持浏览器和node.js
• 支持 Promise API
• 拦截请求和响应
• 自动转换JSON数据
• 客户端支持防御XSRF
• 取消请求
• 转换请求数据和响应数据

---

基本用法

axios.get('/abc')
  .then(res => {
    // res 是数据集合
    // data 属性名称是固定的，用于获取后台响应的数据
    console.log(res.data)
  })
  
axios.get('/cbd')
  .then(res => {
    console.log(res.data);
  })
  .catch(err => {
    console.log(err);
  });

---

axios常用API

API	说明
get	查询数据
post	提交数据
put	修改数据
delete	删除数据

GET传递参数

// 直接通过url拼接参数，进行传递参数
axios.get('/abc?id=123')
  .then(res => {
    console.log(res.data)
  })

---

axios拦截器

请求拦截器 在请求发出之前设置一些信息

// 添加一个请求拦截器
axios.interceptors.request.use(config => {
  // 在请求发出之前进行一些信息设置
  return config
}, err => {
  // 处理响应的错误信息
)

响应拦截器 在获取数据之前对数据做一些处理

// 添加一个响应拦截器
axios.interceptors.response.use(res => {
  // 在这里对返回的数据进行处理
  return res
}, err => {
  // 处理响应的错误信息
})