请求拦截 umi-request ， process.env

最新推荐文章于 2025-06-02 09:07:12 发布

原创

最新推荐文章于 2025-06-02 09:07:12 发布 · 2.4k 阅读

6 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在umi-request中设置请求拦截器，以实现统一的错误处理和请求增强功能。同时，深入探讨了process.env在Node.js和前端应用中的作用，解释了如何利用它来管理环境变量，确保不同环境中代码行为的一致性和安全性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * request 网络请求工具
 * 更详细的api文档: https://bigfish.alipay.com/doc/api#request
 */
import {
    extend } from 'umi-request';
import {
    notification, Modal, message } from 'antd';
import router from 'umi/router';
import {
    getToken,removeToken }  from '@/utils/cookies';
import cloneDeep from 'lodash/cloneDeep';
import sysConfig from '@/sysConfig';

const codeMessage = {
   
  200: '服务器成功返回请求的数据。',
  201: '新建或修改数据成功。',
  202: '一个请求已经进入后台排队（异步任务）。',
  204: '删除数据成功。',
  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
  401: '用户没有权限（令牌、用户名、密码错误）。',
  403: '用户得到授权，但是访问是被禁止的。',
  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
  406: '请求的格式不可得。',
  410: '请求的资源被永久删除，且不会再得到的。',
  422: '当创建一个对象时，发生一个验证错误。',
  500: '服务器发生错误，请检查服务器。',
  502: '网关错误。',
  503: '服务不可用，服务器暂时过载或维护。',
  504: '网关超时。',
};

/**
 * 异常处理程序
 */
const errorHandler = error => {
   
  console.log(error);
  const {
    response = {
   } } = error;
  const errortext = codeMessage[response.status