已启用CORS仍报错？NestJS与React Native跨域问题咨询

你的问题核心在于CORS配置细节错误，以及可能的环境验证不到位，以下是具体排查和修正方案：

1. 修正CORS配置错误 #

你当前的配置存在两个关键问题：

• allowedHeaders中包含了Access-Control-Allow-Origin，这是后端返回的响应头，不属于客户端需要发送的请求头列表，添加后会干扰CORS校验逻辑，必须移除。
• preflightContinue: true会让OPTIONS预请求流转到后续中间件，如果你的应用有全局拦截器、日志组件等，可能会覆盖CORS的响应头，导致预请求校验失败，应设为false让NestJS直接处理OPTIONS请求。

修正后的配置：

app.enableCors({
  origin: "http://localhost:19006",
  methods: "GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS",
  allowedHeaders: ["content-type"], // 只保留实际需要的请求头
  preflightContinue: false,
  optionsSuccessStatus: 204,
});

2. 验证CORS配置是否生效 #

用curl发送OPTIONS预请求，检查响应头是否包含正确的CORS字段：

curl -X OPTIONS -H "Origin: http://localhost:19006" -i http://localhost:3000/blah

正常响应应包含以下头信息：

• Access-Control-Allow-Origin: http://localhost:19006
• Access-Control-Allow-Methods: GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS
• Access-Control-Allow-Headers: content-type

如果这些头不存在，说明你的NestJS应用未正确加载CORS配置，检查配置代码是否确实在app.listen()之前执行，且未被其他代码覆盖。

3. 排查React Native环境的特殊情况 #

• localhost指向问题：在模拟器/真机测试时，localhost默认指向设备本身而非开发电脑。需将请求地址改为电脑的局域网IP（如http://192.168.1.100:3000/blah），同时确保NestJS服务绑定到0.0.0.0，让设备能访问到后端：

  await app.listen(3000, '0.0.0.0');
  

• 实际请求Origin：部分React Native/Expo环境下，请求的Origin可能不是http://localhost:19006（如exp://localhost:19000）。可在Web调试模式下查看浏览器控制台的请求详情，确认实际Origin值后同步到后端配置。

4. 排查其他干扰因素 #

检查是否有全局拦截器、过滤器或第三方中间件（如helmet）在CORS中间件之前运行，这些组件可能修改或移除CORS响应头，确保app.enableCors()优先于其他中间件配置执行。

内容的提问来源于stack exchange，提问作者Allen Y