将 Angular 连接到 Spring 的 CORS 错误（localhost 8080 <--> localhost 4200）

Question

我正在尝试将 Angular 8 中的前端连接到使用 Spring 用 Ja​​va 编写的后端。

我的 Spring 后端在 localhost:8080 的 Tomcat 服务器上运行，Angular 在 localhost:4200 上打开。 当我尝试注册用户（或做任何事情）时，我收到此错误：

从源“ http://localhost:4200 ”访问“ http://localhost:8080/Revvit/users ”的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：无“访问” -Control-Allow-Origin' 标头存在于请求的资源上。

在 Spring 的 UserController 类中，我用

@CrossOrigin(origins= "*", allowedHeaders="*")
@Controller
public class UserController {............

但是，如上所述，我仍然在控制台中收到相同的消息。

所以，我假设我必须在我的Angular项目中添加一些允许 CORS 的标题，但是在哪里，以及如何合并它？

Answer 1

我正在尝试将 Angular 8 中的前端连接到使用 Spring 用 Ja​​va 编写的后端。

我的 Spring 后端在 localhost:8080 的 Tomcat 服务器上运行，Angular 在 localhost:4200 上打开。 当我尝试注册用户（或执行任何操作）时，出现此错误：

CORS 策略阻止了在 ' http://localhost:8080/Revvit/users ' 的 XMLHttpRequest 来自源' http://localhost:4200 ' 的访问：对预检请求的响应未通过访问控制检查：否-Control-Allow-Origin' 标头存在于请求的资源上。

在 Spring 中的 UserController 类中，我用

@CrossOrigin(origins= "*", allowedHeaders="*")
@Controller
public class UserController {............

但是，我仍然在控制台中收到与上述相同的消息。

所以，我假设我必须在我的Angular项目中添加一些允许 CORS 的标头，但是我将如何合并它？

Answer 2

我已经注释了我的控制器

@CrossOrigin(origins = "http://localhost:4200")

它有效。