クロスオリジンアクセス

XMLHttpRequestやfetchなどでwebappのあるサイトと異なるドメインにあるウェブサービス(webapi)にアクセスする場合、クロスオリジンアクセス制限によるエラーが起きる場合があります。このエラーはWebApp側だけでは解決できず、サーバ側の設定を調整する必要があります。

サーバ(サービス側での対処): CORSレスポンスヘッダを返すように設定する

• apacheの例
• etc

プロキシサービスを用意し　これを経由させる

• node.jsによる実装
  • CORS Anywhere
• phpによる実装
  • php-cross-domain-proxy
  • 単純なプロキシ実装例

プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能

プロキシ経由のクロスオリジンアクセスの対応を容易にするためのいくつかの機能がSVGMap.jsに備わっています。

• 解説書#プロキシの設定
• 解説書#getCORSURL
• 解説書#setProxyURLFactory
• 解説書#setImageProxy