为何Chrome DevTools响应头本地覆盖不作用于预请求OPTIONS响应头？

为什么响应头覆盖对预检请求无效？ #

这不是功能的选择性生效，而是由Chrome的请求处理机制决定的：

• 预检OPTIONS请求是由浏览器的网络进程直接处理的，目的是提前验证跨域请求的合法性，这个过程完全绕过了渲染进程；
• Chrome DevTools的响应头覆盖功能运行在渲染进程中，只能拦截和修改进入渲染进程的请求响应，因此无法触及网络进程处理的预检请求。

是否有文档明确说明该限制？ #

目前Chrome官方的DevTools覆盖功能文档未明确标注这一细节，但该问题属于浏览器底层处理逻辑的限制，在Chrome的开发者社区和问题跟踪平台上有不少开发者反馈过类似情况。

本地开发的替代解决方案 #

如果不想修改服务器配置，推荐以下两种方式解决本地CORS问题：

• 禁用Chrome的跨域安全限制：启动Chrome时添加参数 --disable-web-security --user-data-dir=/tmp/chrome-dev（仅用于本地开发，切勿在日常浏览时使用）；
• 使用代理工具修改响应头：通过Charles、Fiddler等代理工具，在网络层面拦截所有请求（包括预检OPTIONS），直接修改响应头中的CORS相关字段（如Access-Control-Allow-Origin、Access-Control-Allow-Methods等）。

内容的提问来源于stack exchange，提问作者fyodor-the-ignorant