Angular 应用解决跨域访问的问题

设置反向代理

原理是设置反向代理服务器，让 Angular 应用都访问自己的服务器中的API，而这类API都会被反向代理服务器转发到 Java 服务API中，而这个过程对于 Angular 应用是无感知的。
业界经常是采用 NGINX 服务来承担反向代理的职责。而在 Angular 中，使用反向代理将变得更加简单。在 Angualr 应用的根目录下，添加配置文件proxy.config.json，并填写如下格式内容：

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

使用 Angular CLI 启动应用时，只需要执行如下命令即可

ng serve --proxy-config proxy.config.json

这样，当 Angular 要访问http://localhost:4200/api 时，会被转发到 http://localhost:8080/api 接口。