angular獲取restful數據跨域問題

本地搭建demo的時候，angular項目默認部署在4200端口，然後臺服務器部署在8080端口； 當用angular發送請求到服務器的時候會報跨域問題

解決方案是在中間加一層nginx

配置以下 nginx：

location /api {
    proxy_pass   http://localhost:8080/angular/demo;
}

angular增長配置文件 proxy.conf.json

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

啓動angular項目的時候 使用 ng serve --proxy-config proxy.conf.json

這樣 angular 請求 http://localhost:4200/api/getList會被解析爲 http://localhost/api/getList

nginx接收到請求，轉發到 http://localhost:8080/angular/demo/getList