在IIS上佈署Angular專案發生CORS取不到JSON資料

General
1

下面圖示是放在IIS上的Angular專案所開啟的網頁

5
5.png1920×1040 42.2 KB
1
1.png1424×471 34.8 KB
4-1
4-1.png1424×1021 61.2 KB
4-2
4-2.png1424×1021 63.5 KB
2
2.png1920×1040 128 KB
3
3.png1920×1040 105 KB

各位先進您們好

小弟我遇到下列問題
[Access to XMLHttpRequest at ‘http://apidata.tycg.gov.tw/OPD-io/bus4/GetRoute.json’ from origin ‘http://localhost:5000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.]
有甚麼方法能解決此問題能?!

是向此網站(桃園開放資料-公車站位資料)發出GET請求:
http://apidata.tycg.gov.tw/OPD-io/bus4/GetRoute.json

但是在本機運行用–proxy-config proxy.conf.json這個指令就可以取得JSON資料(不是在IIS上運行)

6
6.png1920×1040 65.2 KB

成功取得資料的畫面
5-1
5-1.png1920×1040 71 KB

7-1
7-1.png1424×1021 64.3 KB
7-2
7-2.png1424×1021 67 KB
7-3
7-3.png1424×1021 149 KB
7-4
7-4.png1424×1021 31.2 KB
7-5
7-5.png1920×1040 128 KB

這到底是怎麼回事?! 快被搞瘋了~~ 肯請各位先進指點迷津。謝謝~~

2

這看起來是對方的 server 不支援 CORS, 建議可以在 IIS 上面也設定一個 reverse proxy (也是 ng serve 掛 proxy 的做法)，應可解決你的問題

1個讚
3

感謝你的解惑 我試試看！ 3Q～～