CORS将Angular连接到Spring时出错（localhost 8080localhost 4200）

Question

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

CORS策略阻止了从源“http：//localhost:4200”访问“http：//localhost:8080/revvit/users”得XMLHttpRequest：对预飞行请求得响应未通过访问控制检查：请求得资源上没有“access-control-allow-origin”标头.

在Spring中的UserController类中，我用

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

然而，我仍然在控制台中得到与上面提到的相同的消息。

所以，我假设我必须在我的Angular项目中添加一些允许COR的头，但是我将在哪里，以及如何合并这些头呢？

Answer 1

您可以通过将proxy.conf文件添加到您的项目来解决这个问题，就像Angular Docs:https://Angular.io/guide/build#proxying-to-a-backend-server中那样

通过proxy.conf文件，您可以将应用程序中使用的特定endpoint设置为不同的目标，例如：

{
  "/Revvit": {
    "target": "http://localhost:8080",
    "secure": false
  }
}

然后可以使用HttpClient服务获取：

this.http.get('Revvit/users')