request.js

/**
 * request 网络请求工具
 * 更详细的 api 文档: https://github.com/umijs/umi-request
 */
import { extend } from "umi-request";
import { message, notification, Modal } from "antd";
import { history } from "umi";
const { NODE_ENV } = process.env;
const baseUrl = NODE_ENV == "development" ? "/wmspro" : "";
const codeMessage = {
  // 200: "服务器成功返回请求的数据。",
  201: "新建或修改数据成功。",
  202: "一个请求已经进入后台排队（异步任务）。",
  204: "删除数据成功。",
  400: "发出的请求有错误，服务器没有进行新建或修改数据的操作。",
  401: "用户没有权限（令牌、用户名、密码错误）。",
  403: "用户得到授权，但是访问是被禁止的。",
  404: "发出的请求针对的是不存在的记录，服务器没有进行操作。",
  406: "请求的格式不可得。",
  410: "请求的资源被永久删除，且不会再得到的。",
  422: "当创建一个对象时，发生一个验证错误。",
  500: "服务器发生错误，请检查服务器。",
  502: "网关错误。",
  503: "服务不可用，服务器暂时过载或维护。",
  504: "网关超时。",
};
/**
 * 异常处理程序
 */

const errorHandler = (error) => {
  const { response } = error;
  console.log("异常处理", error);
  if (response.status === 200) {
    return;
  }
  if (response && response.status) {
    const errorText = codeMessage?.[response.status] || response.statusText;
    const { status, url } = response;
    if (response?.url.indexOf("api/user_token") == -1) {
      notification.error({
        message: `请求错误 ${status}: ${url}`,
        description: errorText,
      });
    }
  } else if (!response) {
    if (response?.url.indexOf("api/user_token") == -1) {
      notification.error({
        description: "您的网络发生异常，无法连接服务器",
        message: "网络异常",
      });
    }
  }

  return response ? response : {};
};
/**
 * 配置request请求时的默认参数
 */

const request = extend({
  errorHandler,
  // 默认错误处理
  credentials: "include", // 默认请求是否带上cookie
});

// request拦截器, 改变url 或 options.
request.interceptors.request.use(async (url, options) => {
  let token = localStorage.getItem("TOKEN_MES") ?? "",
    headers = {};

  if (NODE_ENV == "development" && token) {
    headers =
      options.type == "form"
        ? {
            Authorization: "Bearer " + token,
          }
        : {
            "Content-Type": "application/json",
            Accept: "application/json",
            Authorization: "Bearer " + token,
          };
  } else {
    headers =
      options.type == "form"
        ? {}
        : {
            "Content-Type": "application/json",
            Accept: "application/json",
          };
  }
  return {
    url: baseUrl + url,
    options: { ...options, headers },
  };
});

// response拦截器, 处理response
request.interceptors.response.use(async (response, options) => {
  if (response && response.status) {
    const errorText = codeMessage[response.status] || response.statusText;
    const { status, url } = response;
    if (
      response?.url.indexOf("api/user_token") == -1 &&
      Object.keys(codeMessage).indexOf(String(response.status)) > -1
    ) {
      notification.error({
        // message: `请求错误 ${status}: ${url}`,
        description: errorText,
      });
    }
    if (status == "401") {
      clearCookie();
    }

    if (status == "401" || status == "302" || status == "400") {
      if (NODE_ENV == "development") {
      } else {
        window.location.href = "/";
      }
    }
  } else if (!response) {
    if (response?.url.indexOf("api/user_token") == -1) {
      notification.error({
        description: "您的网络发生异常，无法连接服务器",
        message: "网络异常",
      });
    }
  }
  if (options.responseType == "blob") {
    const data = await response.clone().blob();
    let blobUrl = window.URL.createObjectURL(data);
    const a = document.createElement("a");
    a.style.display = "none";
    let temp =
      response.headers.get("Content-Disposition").split(";")[1].split("=")[1] ||
      "";
    let fileDefaultName = decodeURI(temp);
    let pathname = localStorage.getItem("curinf")
      ? JSON.parse(localStorage.getItem("curinf"))
      : {};
    a.download = fileDefaultName || pathname.cname + ".xls";
    a.href = blobUrl;
    a.click();
    a.remove();
  } else {
    const data = await response.clone().json();
    // 详情返回的response处理

    if (data?.code != "0000") {
      message.destroy();
      if (data?.code == "9999" || data?.code == "0003") {
        message.warn(data?.msg);
      }
      if (data?.code == "0001" && window.location.href.indexOf("login") == -1) {
        localStorage.clear();
        history.replace("/user/login");
      }
    }
  }

  return response;
});

export default request;