Javascript 非同期処理(CRUL)

Question

es6

PUT, DELETE
非同期処理を行う際に

Fetch API cannot load [API URI]. 
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin [Request URI] is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Uncaught (in promise) Error: Failed to fetch
    

Answer 1

はい、クロスドメインでfetchなど通信を行おうとする場合、PUTなど「GET・POST・HEAD以外の通信」を行おうとすると、事前チェックとしてOPTIONSのリクエストが飛びます（Qiita）。

対応策は2つに1つです。

• サーバサイドでOPTIONSも含めたCORS対応を行う
• 同一生成元で通信を行う

Comments

[sss_ym]

同一生成元で通信を行うという事はjs(front-end)の話ですか？

js(front-end)の実装で追加するオプションとかありますか？

Answer 2

クロスドメインアクセス許可されていないドメインにアクセスしようとしてエラーになっていると思いますが。

Comments

[sss_ym]

同じ処理でPOSTとGETは正常処理してます。

[turbgraphics200]

プリフライト実行時の、リクエスト、レスポンスのヘッダーを確認してください。
https://garafu.blogspot.jp/2015/04/cross-origin-resource-sharing-cors.html