Access-Control-Allow-Origin angular

Question

Helo我的应用程序中有更新功能。但它没有更新，它显示以下错误。

无法加载http：// localhost：8080 /../ update： 对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许来源'http：// localhost：4200'访问。响应的HTTP状态代码为403。

HttpErrorResponse {headers：HttpHeaders，status：0，statusText：“Unknown Error”，url：null，ok：false，...}。

我尝试使用chrome扩展来启用访问控制，但后来根本无法查看我的数据。

我在当地工作。

问题解决了：HttpClient.put（url）方法存在问题。我不知道究竟是什么原因，但是post方法运行正常！

Answer 1

预检请求是资源管理器的安全措施，有两种方法可以绕过它。

不推荐 更改后端代码，以便接受来自所有来源的请求。 （这可能会导致一些漏洞，您可能需要在需要部署代码时将其更改回来）

<强>推荐 您可以代理您的请求。 如果您使用角度CLI，这非常简单，只需按照this guide进行操作即可。虽然如果你使用其他技术它不应该成为一个问题。

Answer 2

问题在你的后端。 它不接受交叉来源请求。如果您在控制器中使用spring @CrossOrigin注释。如果没有，请确定启用交叉原点。