umi-request 一個新的請求工具

簡單封裝

• npm install umi-request --save

• 文檔,具體封裝可以多看看文檔配置

import { extend } from "umi-request";
const request = extend({
  prefix: "xxx",//相當於baseurl 
  timeout: 10000,
  errorHandler,
});

function errorHandler(error) {
  const codeMap = {
    500: "系統異常",
    404: "請求無效",
    403: "請求403",
  };
  if (error.response) {
    let status = codeMap[error.response.status];
    if (status) {
      alert(status);
    } else {
      throw error;
    }
  } else {
    throw error;
  }
  //
}

// request攔截器, 改變url 或 options.
request.interceptors.request.use((url, options) => {
  return {
    url,
    options: { ...options, interceptors: true },
  };
});

// 局部攔截器使用
request.interceptors.response.use((response, options) => {
  return response;
});

export default request;

// 使用
 import request from 'xxxx'
  request("/api/getMenu")
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error);
    });