在製作一些 demo 效果於 codepen (或其他網站), 要取得非同源(cross-domain)資料, 可以透過 cors-anywhere 服務來達成, 說明如下:
https://cors-anywhere.herokuapp.com/
這對於在實作測試時, 有很大的幫助, 例如在 codepen 上取得空氣盒子的一個盒子資訊:
於 codepen 上, 直接透過 Ajax 方式配合 cors-anywhere 即可順利取得資料, 進行應用輸出, 如 demo :
https://codepen.io/timhuang/pen/vMmeVE
工作原理為透過 cors-anywhere 服務, 可以多增加上
Access-Control-Allow-Origin: *
這個 response header 供跨網域存取而不受同源政策限制.
繼續閱讀:
https://developer.mozilla.org/zh-TW/docs/Web/HTTP/CORS