惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

雷峰网
雷峰网
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
T
Tailwind CSS Blog
F
Fortinet All Blogs
Microsoft Azure Blog
Microsoft Azure Blog
Jina AI
Jina AI
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
N
Netflix TechBlog - Medium
B
Blog RSS Feed
Blog — PlanetScale
Blog — PlanetScale
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
T
The Blog of Author Tim Ferriss
D
Docker
博客园 - 聂微东
博客园 - 【当耐特】
博客园 - 三生石上(FineUI控件)
L
LangChain Blog
量子位
宝玉的分享
宝玉的分享
博客园 - 司徒正美
The Cloudflare Blog
G
Google Developers Blog
Microsoft Security Blog
Microsoft Security Blog
腾讯CDC

Deed's博客

解决群晖百度套件提示name "baiduapp" dupliacted - Deed's博客 2023年3月16日 Maven项目引入第三方本地jar包 - Deed's博客 2022年8月23日nginx反向代理配置去除前缀 - Deed's博客 2022年8月1日 ts-node 运行报错`Cannot find name 'console'.` 2022年7月13日 Gradle项目打包相关配置 - Deed's博客 2022年6月23日 Windows 杀死进程 - Deed's博客 2022年6月16日 查看服务器异常IP访问以及处理 - Deed's博客 2022年6月15日 Linux删除用户 - Deed's博客 2022年6月8日 React使用umi.js报错Invalid hook call - Deed's博客
2022年6月8日 AntDesignPro文档Demo示例[后置拦截器]报错 - D...
Mahalalel · 2022-06-08 · via Deed's博客
«

Mahalalel 发布于 阅读:5685 React


场景

使用AntDesignPro的文档,写Demo示例时,使用了文档中的后置拦截器,运行以后,报了以下错误:

Unhandled Rejection (TypeError): Failed to execute 'append' on 'Headers': Headers are immutable

authResponseInterceptors
./src/app.ts:38
  35 | };
  36 | 
  37 | const authResponseInterceptors = (response: Response, options: RequestOptionsInit) => {
> 38 |   response.headers.append('interceptors', 'yes yo');
  39 |   return response;
  40 | };
  41 | 
View compiled
(anonymous function)
./node_modules/umi-request/dist/index.esm.js:718
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.  Click the 'X' or hit ESC to dismiss this message.

问题

Unhandled Rejection (TypeError): Failed to execute 'append' on 'Headers': Headers are immutable

上面的异常信息,给我们提示了错误的原因,原来,‘Headers’是不可变的,所以没有办法使用append()方法。

后置拦截器,不能修改Headers的内容。

所以,注释掉response.headers.append('interceptors', 'yes yo');该行代码,报错即可消失。

AntDesignPro 拦截器