angular 跨域的解決方案

一. 如果服務端沒有解決跨域問題，那就通過angular的配置來設定，三步驟：

1. 在angular的工程目錄，和

   angular.json

   同級的目錄下面的建立

   proxy.config.json

   檔案，内容如下：

{
	"/api": "http://www.test.com/api",
	"secure": false,
	"changeOrigin": true
}
           

說明：當我們通路

http://localhost:4200/api

的時候，其實就相等于通路

http://www.test.com/api

的位址；

1. 配置

   angular.json

   檔案，在對象

   key

   等于

   serve

   中的

   options

   下增加一項

"options": {
    "proxyConfig": "proxy.config.json"
  }
           

1. 在元件使用時，我們還是使用

   http://localhost:4200

   來調用；實際通路的是

   http://www.test.com/