无效的 CORS 请求：403 Forbidden Error Angular答案

【问题标题】：Invalid CORS Request : 403 Forbidden Error Angular无效的 CORS 请求：403 Forbidden Error Angular
【发布时间】：2020-04-24 14:27:25
【问题描述】：

我正在尝试使用 httpClient 以角度方式发出 GET 请求，但出现 403 禁止错误。

步骤： 1. 我使用的是完整的 URL，例如“http://myrestapi.aws.net”

this.httpClient.get(URL);

当我使用这种方式时，我可以访问 API，但在控制台“无效 CORS 请求”中出现 403 禁止错误

为了克服 CORS 问题，我安装了 chrome 扩展并允许使用 CORS。但我仍然面临同样的 403 问题。

有人可以在这里提供任何输入我在这里做错了什么。使用 CORS 扩展不是理想的解决方案，但这是暂时的，所以只需使用 Chrome 扩展来解锁自己。

【问题讨论】：

【解决方案1】：

您应该在后端而不是前端启用CORS 策略。

您的后端必须授权一个或多个域进行连接，例如白名单。

检查您的后端解决方案文档，并添加（白名单）您的前端托管域。

【讨论】：

当我直接在浏览器上点击此 URL 时，我得到了响应。只有当我从角度击中它时才会发生这种情况。
大概是因为 Angular 应用程序在不同的来源上运行。 Thierry 是正确的，你需要在你的 API 上配置 CORS。
@meagar，谢谢。同意，但 API 实现不在我这边。我只是在使用其他应用程序提供的 API。 CORS chrome扩展的目的是为这种情况启用cors。我还尝试创建 proxy.conf.json 并将其添加到 package.json 中。我在那里也面临同样的问题。

【解决方案2】：

终于找到了我的问题的解决方案。我在角度使用了 proxy.conf.json 并使用了选项 pathRewrite 选项。

对于此处提到的 pathRewrite 文档。 https://angular.io/guide/build

【讨论】：