クロスオリジンアクセス
提供: svg2wiki
(版間での差分)
(ページの作成:「XMLHttpRequestやfetchなどでwebappのあるサイトと異なるドメインにあるウェブサービス(webapi)にアクセスする場合、[https://developer.mozi...」) |
(→プロキシサービスを用意し これを経由させる) |
||
6行: | 6行: | ||
== プロキシサービスを用意し これを経由させる== | == プロキシサービスを用意し これを経由させる== | ||
− | *[https://github.com/Rob--W/cors-anywhere CORS Anywhere] | + | * node.jsによる実装 |
− | * | + | **[https://github.com/Rob--W/cors-anywhere CORS Anywhere] |
+ | * phpによる実装 | ||
+ | ** [https://github.com/softius/php-cross-domain-proxy php-cross-domain-proxy] | ||
+ | ** [[単純なプロキシ実装例]] | ||
===プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能 === | ===プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能 === |
2023年8月30日 (水) 02:07時点における版
XMLHttpRequestやfetchなどでwebappのあるサイトと異なるドメインにあるウェブサービス(webapi)にアクセスする場合、クロスオリジンアクセス制限によるエラーが起きる場合があります。このエラーはWebApp側だけでは解決できず、サーバ側の設定を調整する必要があります。
サーバ(サービス側での対処): CORSレスポンスヘッダを返すように設定する
プロキシサービスを用意し これを経由させる
- node.jsによる実装
- phpによる実装
プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能
プロキシ経由のクロスオリジンアクセスの対応を容易にするためのいくつかの機能がSVGMap.jsに備わっています。