Angular或Angular 6中的跨源资源共享（CORS）。在具有不同端口的localhost上进行跨域调用时出现问题

解决以上问题

1. 首先，您需要为端口4200共享Spring引导资源。使用要共享的资源的 @CrossOrigin（origins =“ http：// localhost：4200 ”）注释类或方法。

2. 您必须在角度应用程序中配置代理。因此，在有角度的根应用程序中创建一个proxy.json文件。内容在下面

   {

   “/api/*”: {
   “target”: “http://localhost:8080",
   “secure”: “false”,
   “logLevel”: “debug”,
   “changeOrigin”: true
   }
   

}

1. 然后运行

   ng serve --proxy-config proxy.json

   此命令，它将编译代码。您应该在控制台上看到类似的内容。

   building modules 3/3 modules 0 active[HPM] Proxy created: /api ->

   http://localhost:8080 Subscribed to http-proxy events: [ ‘error’, ‘close’ ]