Access-Control-Allow-Origin の記載場所について

Question

前提

ここに質問の内容を詳しく書いてください。
（例）
HTML・JavaScriptを用いてwebページを作っています。
web API を導入しようとした際、webページ側でエラーメッセージが発生しました。

実現したいこと

ここに実現したいことを箇条書きで書いてください。

• web API をうまく導入する
• Access-Control-Allow-Originヘッダの記載場所を確認する

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

If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

該当のソースコード

fetch('url名')
        .then(response => response.json())
        .then(data => console.log(data));
    

試したこと

webを検索し、Access-Control-Allow-Origin ヘッダの書き換えが必要なことはわかりました。

Comments

[退会済みユーザー]

CORS 対応はサーバー側の話で、クライアント側では何ともなりませんよ。

Answer 1

fetch('url名')
.then(response => response.json())
.then(data => console.log(data));

のうちの「url名」に該当するサーバのレスポンスヘッダにCORS対応が必要です。

★背景★
勝手に第三者の資源にアクセスできないようにするため、特別な許可がない限りはドメインを超えてのリクエストはできない。

Comments

[退会済みユーザー]

> Access-Control-Allow-Origin の記載場所について

・・・の回答になってません。質問にある「web API を導入」がどういうことかによって話が変わってくるのですが、回答として回答欄に書くならそのあたりを聞いてからにしてはいかがですか？