Axios

简单描述

1 是一个比较常用的, 用来请求后端数据的请求库   // http://www.axios-js.com/zh-cn/

2 npm install axios   // 安装包

3 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>   // 在线使用

4 基本和 umi-request 很相似的

三个步骤 Axios

"request.js"

  import axios from 'axios'
  const baseURL = 'http://localhost:8080'   //定义基础路径


1 创建实例
  const instance = axios.create({
    baseURL,    //基础路径
    timeout: 7000,   //设置超时, 超过 7000毫秒 (7秒), 终止请求, 算作失败
    headers: {}
  })


2 设置请求拦截器
  instance.interceptors.request.use(function (config) {
    // 表示每次发起请求, 都会携带本地这个 token 值, 没有或失效是不行滴
    config.headers.Authorization = localStorage.getItem('token')   // token 鉴权
    return config
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  })


3 设置响应拦截器
  instance.interceptors.response.use(function (response) {
    let res = null
    if(response.status===200) {   // 判断是否请求成功
      if () {   // 通过详细的一个业务状态码做一个判断, 赋值给 res
        switch (err) { ..}
      }
    }   
    return res
  }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error)
  })


  export default instance