antd-tools-ydl/boilerplates/app/src/model/axios.js

ydl react

import axios from 'axios';
import qs from 'qs';
import deploy from './config/deploy.js';
import env from '../../config/env';

// axios 中文使用说明
// https://www.kancloud.cn/yunye/axios/234845
const xhr = axios.create({
  baseURL: deploy[env],
  timeout: 100000,
  responseType: 'json',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
    'Accept': 'application/json'
  },
  // 在传递给 then/catch 前，允许修改响应数据
  // 通过Qs.stringify转换为表单查询参数
  transformRequest: [(data) => {
    data = qs.stringify(data);
    return data;
  }],
  // 定义对于给定的HTTP 响应状态码是 resolve 或 reject  promise 。
  // 如果 `validateStatus` 返回 `true` (或者设置为 `null` 或 `undefined`) ,
  // promise 将被 resolve; 否则，promise 将被 rejecte 。
  validateStatus: status => status === 200,
});

// 表示跨域请求时是否需要使用凭证
// 设置请求允许携带cookie
//xhr.defaults.withCredentials = true;

// 请求拦截
// api.interceptors.request.use(
//   apiconfig => apiconfig,
//   e => Promise.reject(e),
// );

// 响应拦截
xhr.interceptors.response.use((res = {}) => {
  try {

    if (res.status >= 400) {
      return Promise.reject();
    }

    return Promise.resolve(res.data);

  } catch (e) {

    return Promise.reject(e);
  }
});

export default xhr;