如何解决Angular与Nest.js之间的CORS错误？

问题核心很明确：当请求设置了withCredentials: true时，CORS响应头里的Access-Control-Allow-Origin不能用通配符*，必须指定具体的前端源，同时要显式开启允许凭证的选项。

你之前用{ cors: true }的默认配置，Nest.js会自动把Access-Control-Allow-Origin设为*，这就触发了浏览器的CORS拦截规则。

解决步骤： #

替换Nest.js的CORS配置为具体选项，指定允许的前端地址并开启凭证支持：

const app = await NestFactory.create(AppModule);
app.enableCors({
  // 填写你的Angular前端地址，比如本地的http://localhost:4200
  origin: 'http://localhost:4200',
  // 允许请求携带凭证（如HttpOnly Cookie、HTTP认证信息等）
  credentials: true,
});

如果需要支持多个前端源，可以用数组或者动态判断的方式：

// 支持多个固定源
app.enableCors({
  origin: ['http://localhost:4200', 'https://your-production-domain.com'],
  credentials: true,
});

// 动态验证源（适合不确定源的场景，比如多环境测试）
app.enableCors({
  origin: (origin, callback) => {
    const allowedOrigins = ['http://localhost:4200', 'https://your-production-domain.com'];
    // 允许无origin的请求（比如Postman等工具测试）
    if (!origin || allowedOrigins.includes(origin)) {
      callback(null, true);
    } else {
      callback(new Error('该源不被CORS允许'));
    }
  },
  credentials: true,
});

验证： #

修改服务器配置并重启后，前端的请求就能正常携带并保存HttpOnly Cookie，浏览器不会再抛出CORS错误。

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