web跨域問題（No 'Access-Control-Allow-Origin'..）

1. 問題

angular開發中鏈接java服務時出現跨域問題（No 'Access-Control-Allow-Origin'..）。

以下圖

 

 

 

解決方法

2，緣由分析
這個與安全機制有關，默認狀況下是不容許跨域調用的。

3，問題解決

若是服務端是 JAVA 開發的，添加以下設置容許跨域便可。

1	response.setHeader( "Access-Control-Allow-Origin" , "*" );

添加位置能夠在下面三處任選一個。

（1）能夠在過濾器 filter 中的 dofilter() 方法設置。

（2）能夠在 servlet 的 get 或者 post 方法裏面設置。
（3）能夠放在訪問的 jsp 頁面第一行。
原文出自：www.hangge.com  轉載請保留原文連接：http://www.hangge.com/blog/cache/detail_1337.html

另外，參考瞭如下網站：

①★【解説付き】chromeでXMLHttpRequestをローカルのファイルで行う方法：　https://qiita.com/growsic/items/a919a7e2a665557d9cf4　　★★★★★

②JAVA - 解決AJAX沒法跨域問題（No 'Access-Control-Allow-Origin'..）：　http://www.hangge.com/blog/cache/detail_1337.html　　★★★

③Angular2/Angular4のHTTPでPOSTリクエストのCORS問題を解決する：　https://qiita.com/kd9951/items/fc87782b65ab0b407b29

④オリジン間リソース共有 (CORS)：　https://developer.mozilla.org/ja/docs/Web/HTTP/HTTP_access_control

 

最終，代碼級的解決方法沒有完成，是按照參考網站①，用下面的方法強制鏈接到java。

  chrome.exe --disable-web-security --user-data-dir

代碼級的解決方法先放着。

另，好像Chrome CORS plugin也能夠達到強制鏈接的目的。