質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

CORS

CORSとはCross-Origin Resource Sharingの頭文字をとったもので、ブラウザがオリジン以外のサーバからデータを取得するシステムのことです。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

Q&A

解決済

3回答

4129閲覧

JavaScriptのCORSが解決できない

Kota.Y

総合スコア25

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

CORS

CORSとはCross-Origin Resource Sharingの頭文字をとったもので、ブラウザがオリジン以外のサーバからデータを取得するシステムのことです。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

1クリップ

投稿2020/06/09 08:41

非公式のnote APIを使用するために

javascript

1const getNote = () => { 2 $.ajax({ 3 type: "GET", 4 url: `https://note.com/api/v2/creators/kotay`, 5 headers: { 6 'Access-Control-Allow-Origin': "*", 7 'Content-Type': "application/json" 8 }, 9 dataType: 'json', 10 success: function (data) { 11 showNote(data); 12 }, 13 error: function (error) { 14 return error; 15 } 16 }); 17};

と書いたのですが

Access to XMLHttpRequest at 'https://note.com/api/v2/creators/kotay' from origin 'http://127.0.0.1:5501' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

というエラーが出ました。ググってヘッダーを変えているのですがエラーメッセージは変わりません。解決策わかる方は教えてください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

Access-Control-Allow-Originはサーバ側で設定する必要があるので、note.com が許可していない場合は無理です。ご自身のサーバでサーバサイド言語を経由して受け取るのが手早いと思います。

投稿2020/06/09 08:50

kei344

総合スコア69366

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

APIを調整できるのであればjsonデータをjsonp形式に変更すれば
CORSの影響を受けずに済みます

投稿2020/06/09 09:24

yambejp

総合スコア114583

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

自己解決

https://cors-anywhere.herokuapp.com/
の後に取得したいAPIのURLをつけることでCORSエラーを回避しました

投稿2020/06/12 07:01

Kota.Y

総合スコア25

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問