Network 02 | CORS
CORSとは?
ソース間リソース共有
原理を説明すると
Webクライアントアプリケーションが他のソースからのリソースを要求すると、HTTPプロトコルを使用して要求が送信され、ブラウザは要求ヘッダでOriginというフィールドに要求を送信し、要求をソースに送信します.
サーバがこの要求に応答すると、応答ヘッダのアクセス制御Allow-Originは「このリソースへのアクセスを許可するソース」を与えます.その後、応答を受信したブラウザは、自身が発行した要求のOriginと、サーバが発行した応答のAccess-Clontrol-Allow-Originとを比較して、応答が有効かどうかを判断する.
[注意]Origin
サイトのURLは以下のようになります.
この場合、Origin(ソース)=プロトコル+ホストになります.
サマリ
解決策
サーバ側ソリューション
クライアントソリューション
プロキシサーバーの使用
要求するURLの前にプロキシサーバURLを付けて
axios({
method: "GET",
url: `https://cors-anywhere.herokuapp.com/https://api.dropper.tech/covid19/status/korea?locale=${city}`,
headers: {
'APIKey': COVID_APIKEY,
Reference
この問題について(Network 02 | CORS), 我々は、より多くの情報をここで見つけました https://velog.io/@katej927/CORSテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol