【金融大屏项目】—— umi-request配置通用请求处理

最新推荐文章于 2024-08-22 19:11:33 发布

柳柳Elena

最新推荐文章于 2024-08-22 19:11:33 发布

阅读量1.9k

点赞数

文章标签：网络运维 java python vue

本文链接：https://blog.csdn.net/qq_34235864/article/details/123059748

版权

本文介绍如何在Vue项目中配置并使用umi-request进行通用请求处理。通过创建utils/request.js来设定异常处理和默认参数，services/url.js用于设置URL常量和请求前缀，而在services的具体模块如oprational.js、login.js中应用封装好的request方法来调用接口。这是一个针对Vue项目的umi-request使用教程。

摘要由CSDN通过智能技术生成

前言：目前没有发现有vue项目中使用umi-request的例子，用这个请求库的多为react项目，umi本身和dva也都是react周边的工具。

utils/request.js：配置通用请求中的异常处理和默认参数

/**
 * request 网络请求工具
 * 更详细的 api 文档: https://github.com/umijs/umi-request
 */
import { extend } from 'umi-request';
import { notification } from 'antd';

// import { history } from 'umi';

const codeMessage = {
  200: '服务器成功返回请求的数据。',
  201: '新建或修改数据成功。',
  202: '一个请求已经进入后台排队(异步任务)。',
  204: '删除数据成功。',
  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
  401: '用户没有权限(令牌、用户名、密码错误)。',
  403: '用户得到授权，但是访问是被禁止的。',
  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
  406: '请求的格式不可得。',
  410: '请求的资源被永久删除，且不会再得到的。',
  422: &#