WebGLで外部サーバのPHPへリクエストしたい

Question

お世話になります。

実現したいこと

WebGLで外部のPHPへリクエストしたいです。
しかし、エラーが発生してしまいました。

発生している問題・エラーメッセージ

localhost/:1
Access to fetch at 'http://xxxx.xxx.xxx.xxx:80/xxx.php?hoge=piyo' from origin 'http://localhost:54658' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

該当のソースコード

private IEnumerator TestMethod()
{
    string url = "http://xxxx.xxx.xxx.xxx:80/xxx.php?hoge=piyo";
    WWW fuga = new WWW(url);
 
    yield return fuga;
    HelloString(fuga.text); // Javascript window.alert()
}

試したこと

マニュアルを見ましてヘッダー情報を足せばよさそうなことは分かりました。
しかし、ヘッダー情報の足し方が分かりません。
https://docs.unity3d.com/ja/current/Manual/webgl-networking.html
どの様なコードでヘッダーを足せますでしょうか。
有識者がおりましたらご教授をお願いします。

Answer 1

どの様なコードでヘッダーを足せますでしょうか。

リクエストされるPHPの側にコードを足す必要があります。リクエストする側に書いても効果はありません。

Comments

[mememe]

回答ありがとうございます。
Unityマニュアルに書かれている内容をはき違えていました。
解決方法はおっしゃる通りで、下記の様にリクエストされる側のPHPにヘッダー情報を追加することで解決しました。
とても助かりました。ありがとうございました。

<?php
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Headers: Accept, X-Access-Token, X-Application-Name, X-Request-Sent-Time");
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
header("Access-Control-Allow-Origin: *");
...

[退会済みユーザー]

固定的にそういうヘッダをつけるだけで CORS 対応になっているのですか？　プリフライトリクエストに対応できるのですか？　CORS 対応するということはセキュリティを緩めるということですが、そのことは考えてどこまで緩めるのが適切かを考えてますか？　そうは見えませんけど。

Answer 2

エラーメッセージを読みましょう。そして CORS についてググって調べてみましょう。

エラーメッセージによると、クロスドメインへの fetch が CORS ポリシーでブロックされたということなので、相手の xxxx.xxx.xxx.xxx:80 のサーバーで CORS 対応をするというのが解決策になります。

なので、

ヘッダー情報を足せばよさそうなことは分かりました。

クライアント側でそういうことをしても解決できません。

ちなみに、クライアント側はブラウザの仕事で開発者は何もする必要はありません。プリフライトが必要か否かもブラウザが判断して CORS に必要な要求を出してくれます。