2016年7月27日 星期三

Crome瀏覽器解決Cross-Origin Resource Sharing (CORS)

Crome瀏覽器解決Cross-Origin Resource Sharing (CORS)
因為 Javascript 本身對安全性的限制, 無法抓取本身網域(Domain )以外的資料
瀏覽器console中會看到相關的錯誤訊息


有哪些情況下是不允許的?

解決方法
1. AJAX Proxy
2. JSONP
3. CORS(Cross-Origin Resource Sharing)


本篇介紹Chrome瀏覽器中CORS擴充元件,或始可用別的方式實作CORS(瀏覽器需支援CORS)
以下是CORS的作業流程,簡略描述



Chrome中如何安裝CORS?

只要在Chrome線上應用程式透過關鍵字搜尋,並將 Allow-Control-Allow-Origin: * 加到Chorme中



即可在瀏覽器右上角看到此擴充套件,點擊紅色cors按鈕
並開啟Enable cross-origin resource sharing

                                                                                    

當紅色cors按鈕變成綠色即表示可以cross-domain請求


                                                                                      


參考資料




Tags: IWLP, Tutorial, Cross Domain, CORS, IFTTT-SYNC
July 27, 2016 at 04:17PM
Open in Evernote

沒有留言:

張貼留言