JavaScriptのCORSが解決できない

Question

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

const getNote = () => {
  $.ajax({
    type: "GET",
    url: `https://note.com/api/v2/creators/kotay`,
    headers: {
      'Access-Control-Allow-Origin': "*",
      'Content-Type': "application/json"
    },
    dataType: 'json',
    success: function (data) {
      showNote(data);
    },
    error: function (error) {
      return error;
    }
  });
};

と書いたのですが

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.

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

Answer 1

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

Answer 2

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

Answer 3

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