服务器返回的响应数据无效,Ant Design Pro 5 网络请求和错误处理

Ant Design Pro 5 的网络请求有点复杂，只看文档不阅读源码搞不清楚到底发生了什么事情。涉及到fetch umi-request @umijs/plugin-request Ant Design Pro 5相关代码。

fetch

代替XMLHttpRequest的访问和操纵HTTP的技术。fetch最大的问题是，只有在发生网络故障时或请求被阻止时，才抛出异常；而对于 HTTP 状态码为 404 或 500 之类的情况，会认为是正常的响应，并不会抛出异常。

umi-request

基于 fetch 封装，提供诸如缓存、超时、字符编码处理、错误处理等功能。其中错误处理与开发紧密关联。

为了解决fetch在非成功状态码下，不抛出异常的情况，umi-request会判断HTTP状态码是否为2xx；如果不是，则会抛出异常。并且对fetch自己抛出的异常也进行了处理，加上了更多信息，便于后续的处理。

/src/middleware/parseResponse.js

...

.then(body => {

...

if (copy.status >= 200 && copy.status < 300) {

// 提供源response, 以便自定义处理

if (getResponse) {

ctx.res = { data: body, response: copy };

return;

}

ctx.res = body;

return;

}

throw new R

服务器返回的响应数据无效,Ant Design Pro 5 网络请求和错误处理相关推荐

ant design pro v4 从后台服务器请求菜单，思路，具体代码及坑
原文见:https://www.yuque.com/asuncat/htn2dd/wgnx0u 版本信息 ant design pro : v4.2.2 umi: v3.2.14 pro-layout ...
静态Web服务器-返回固定页面数据
1. 开发自己的静态Web服务器实现步骤: 编写一个TCP服务端程序获取浏览器发送的http请求报文数据读取固定页面数据,把页面数据组装成HTTP响应报文数据发送给浏览器. HTTP响应报文数据 ...
design php 如何使用ant_Ant Design Pro如何调用接口 | Ant Design Pro渲染数据绑定数据...
Ant Design Pro如何调用接口 | Ant Design Pro渲染数据绑定数据 Ant Design Pro我发现网上的资料好少,而且版本基本都是1.0的,我现在是2.0版本,好多地方都 ...
java http 401_服务器返回HTTP响应代码：401，URL：https
我正在使用Java访问HTTPS站点,该站点以XML格式返回显示内容.我在URL本身中传递了登录凭据.这是代码片段: DocumentBuilderFactory dbf = DocumentBuil ...
jqgrid 服务器端验证,jqGrid获取服务服务器返回的所有数据
当jqGrid配置的rowNum小于服务器返回的总数据量(records属性记录总数据),调用getRowData方法获取到的只是显示的部分内容,而非服务器返回的所有数据行. 要想获取jqGrid返回 ...
服务器响应401,服务器返回HTTP响应代码：401，URL：https
我正在使用Java访问HTTPS站点,该站点以XML格式返回显示内容.我在URL本身中传递了登录凭据.这是代码片段: DocumentBuilderFactory dbf = DocumentBuil ...
JS前端取得并解析后台服务器返回的JSON数据的方法
摘要:主要介绍:使用eval函数解析JSON数据:$.getJSON()方法获得服务器返回的JSON数据 JavaScript eval() 函数 eval(string) 函数可计算某个字符串,并执 ...
Ant Design Pro初探
Ant Design Pro 浅析脚手架下载 Ant Design Pro 浅析菜单映射页面渲染界面定义数据交互后台数据交互脚手架下载软件环境:NodeJS,Git 下载步骤: 1.cl ...
一、Ant Design Pro 与 Amis 结合
文章目录 Amis Amis 安装新增页面关于amis样式最终呈现界面自由的左边栏菜单,本地Json保存菜单数据从服务器加载 menu 菜单项保存在本地Json 进一步优化修改app.ts ...

服务器返回的响应数据无效,Ant Design Pro 5 网络请求和错误处理

服务器返回的响应数据无效,Ant Design Pro 5 网络请求和错误处理相关推荐

最新文章

热门文章