Angular与JBoss应用无法启用CORS问题排查求助

你的核心问题是代理配置的路径规则和实际请求的URL不匹配，导致Angular开发服务器没有把请求转发到JBoss后端，从而触发CORS错误。以下是具体修正步骤：

1. 修正proxy.conf.json的路径匹配规则 #

当前你的proxy配置监听的是/api/*路径，但前端请求的前缀是/o365calendar-web/rest，需要把代理规则改成匹配这个前缀：

{
  "/o365calendar-web/*": {
      "target": "http://localhost:8080",
      "secure": false,
      "logLevel": "debug",
      "changeOrigin": true
  }
}

• 添加changeOrigin: true：确保代理请求时修改请求头的Origin字段，避免后端验证Origin不通过。
• 路径规则改为/o365calendar-web/*：匹配所有以/o365calendar-web开头的请求。

2. 确认angular.json的配置生效 #

确保angular.json中projects -> [你的项目名] -> architect -> serve -> options下的proxyConfig路径正确：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "your-project-name:build",
    "proxyConfig": "src/proxy.conf.json"
  },
  ...
}

3. 重启Angular开发服务器 #

修改配置后必须停止当前的ng serve进程，重新执行ng serve加载新的代理规则。

额外验证点 #

• 查看控制台日志：启动ng serve后，控制台会输出代理的debug日志，当发起请求时，如果看到proxying request from ... to ...的日志，说明代理已生效。
• 检查前端请求路径：确保你的服务中使用的相对路径/o365calendar-web/rest/...没有被硬编码成绝对路径（比如http://localhost:8080/...）。

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