Angular代理DotNetCore无效，仍出现CORS错误求助

我来帮你排查下这个代理配置的问题——看起来你已经尝试了不少配置组合，但大概率是踩了代理配置里的常见小坑，咱们一步步来解决：

核心问题：你的请求可能绕过了代理 #

出现CORS错误的最常见原因是：你的Angular代码里依然直接请求了后端的完整URL（http://localhost:49274/api/...），而不是请求代理后的相对路径（/api/...）。

代理的工作逻辑是：Angular CLI服务器（4200端口）接收你的请求，把匹配规则的请求转发到目标后端服务器。如果前端直接请求后端地址，代理根本不会介入，自然还是会触发浏览器的同源策略校验，报CORS错误。

正确的配置步骤 #

1. 修正前端请求路径 #

确保你的HTTP请求使用相对路径，比如：

// 正确写法：请求Angular服务的4200端口，由代理转发到后端
this.http.get('/api/beer/list')

// 错误写法：直接请求后端，绕过代理（这就是你报错的核心原因）
// this.http.get('http://localhost:49274/api/beer/list')

2. 使用最简有效的代理配置 #

创建proxy.conf.json文件，用以下配置就足够（不需要多余的pathRewrite，除非后端接口路径和前端请求路径不匹配）：

{
  "/api/*": {
    "target": "http://localhost:49274",
    "secure": false,
    "changeOrigin": true
  }
}

参数解释：

• /api/*：匹配所有以/api开头的请求路径，确保所有后端接口请求都能被代理捕获
• target：你的DotNetCore服务器地址
• secure: false：本地开发用HTTP服务，不需要HTTPS证书验证
• changeOrigin: true：修改请求头的Host字段，让后端服务器以为请求来自代理端口，避免后端的同源校验拦截

3. 启动项目时指定代理配置 #

用以下命令启动Angular项目，确保代理配置生效：

ng serve --proxy-config proxy.conf.json

或者把这个配置加到package.json的scripts里，方便后续快速启动：

"scripts": {
  "start": "ng serve --proxy-config proxy.conf.json",
  // 其他脚本...
}

之后直接运行npm start即可。

4. 验证代理是否生效 #

打开浏览器开发者工具的「Network」标签，查看请求地址：

• 如果请求地址是http://localhost:4200/api/beer，说明代理已经在工作了
• 如果还是http://localhost:49274/api/beer，那肯定是前端请求路径没改对，再检查代码里的请求URL

额外排查点 #

• 确认DotNetCore服务器确实在49274端口运行，没有端口变动
• 清除浏览器缓存，有时候旧的请求缓存会导致奇怪的问题
• 如果代理生效后还是有问题，检查后端是否有其他权限或路由配置拦截请求

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