前提・実現したいこと
外部APIとVue.jsを使って簡単なwebアプリケーションを作ろうと奮闘しています。
現在はまだ、取得したAPI keyを使って簡単なリクエストを送信してみようとしている段階です。
外部APIへはJavaScriptのfetchを使ってリクエストを送信しようと試みています。
発生している問題・エラーメッセージ
fetchを実行しようとすると、コンソールに以下のようなメッセージが表示されてしまいます。
1 Access to fetch at 'https://jp1.api.riotgames.com/lol/summoner/v4/summoners/by-name/UuuEee?api_key=<取得したAPIkey>' from origin 'http://localhost:5000' 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. 2 Failed to fetch
試したこと
Chromeの拡張にあるRestlet Clientを使ってGETしてみたところ、正しくJSON形式のデータが返ってきました。curlや直接URLを叩く方法でも同様にデータを得ることができました。
fetchを使ってリクエストするときに限り、CORSに弾かれてしまいます。
プログラミングについて質問するのが初めてなので、質問内容に情報が不足していましたら申し訳ございません。
何卒よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/12 02:00