SEEC-II-FrontEnd/src/util/request.js

// ant-design-pro request.js file with MIT license
import "whatwg-fetch";
import router from "@/router";
import { LOGIN } from "@/router/name";

/**
 * @description error
 * @typedef {Object} StatusException
 * @property {string} name status code
 * @property {string} message 消息
 * @property {{code:string,message:string,body:{code:number,message:string}}} response 返回值
 */

/**
 * 判断是否抛异常
 * @param response
 * @returns {*}
 * @throws StatusException
 */
const checkStatus = async response => {
  if (response.status >= 200 && response.status < 300) {
    return response;
  }
  let responseBody = {};
  try {
    responseBody = await response.json();
  } catch (e) {
    console.log(e);
  }
  console.log(responseBody);
  const error = new Error();
  error.name = response.status;
  error.message = responseBody.message;
  error.body = responseBody;
  throw error;
};

/**
 * Requests a URL, returning a promise.
 *
 * @param  {string} url       The URL we want to request
 * @param  {{method:string,body}} [options] The options we want to pass to "fetch"
 * @return {Promise<*>}           An object containing either "data" or "err"
 * @throws StatusException
 */
export default async function request(url, options) {
  const defaultOptions = {
    credentials: "include"
  };
  const newOptions = { ...defaultOptions, ...options };
  if (
    newOptions.method === "POST" ||
    newOptions.method === "PUT" ||
    newOptions.method === "DELETE"
  ) {
    if (!(newOptions.body instanceof FormData)) {
      newOptions.headers = {
        Accept: "application/json",
        "Content-Type": "application/json; charset=utf-8",
        ...newOptions.headers
      };
      newOptions.body = JSON.stringify(newOptions.body);
    } else {
      // newOptions.body is FormData
      newOptions.headers = {
        Accept: "application/json",
        ...newOptions.headers
      };
    }
  }

  const response = await fetch(url, newOptions);
  try {
    await checkStatus(response);
  } catch (e) {
    if (e.name === 401) {
      router.push({ name: LOGIN });
    } else {
      throw e;
    }
  }

  if (newOptions.method === "DELETE" || response.status === 204) {
    return response.text();
  }
  const Authorization = await response.headers.get("Authorization");
  const body = await response.json();
  const header = {
    Authorization
  };

  return { ...body, _header: header };
}