无效的 CORS 请求：403 禁止错误 Angular

Question

我正在尝试使用 httpClient 在 angular 中发出 GET 请求，但出现 403 禁止错误。

步骤： 1. 我正在使用完整的 URL 像“ http://myrestapi.aws.net ”

this.httpClient.get(URL);

当我使用这种方式时，我可以点击 API 但我在控制台中收到 403 禁止错误“无效的 CORS 请求”

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

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

Answer 1

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

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

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

Answer 2

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

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