fetchで郵便番号APIを叩いても、Cross-Originに引っかかってリクエストがうまくできません

Question

fetchで郵便番号APIを叩いても、Cross-Originに引っかかってリクエストがうまくできません

fetchで下記のようにリクエストを送ったのですが、

function resuest(){
  fetch('https://zip-cloud.appspot.com/api/search?zipcode=1540022',{
    method: 'GET',
    credentials: "include",
    headers: {
      'X-MyRequest': 'this-is-cors-test',
      'X-MyOption': 'my-option'
    }

  })
  .then((res) => {
    debugger
    res.json()
  })
  .then((reslt) => {
    conso.log(reslt)
  })  
}



  main.addEventListener("click", () => {
    resuest()

  })

エラーが。Cross-Originがうまくでいないのはわかるのですが、
調べても対処法がよくわかりませんでした。
どなたかリクエストの方法をご存知ではないでしょうか。

Answer 1

JSONPが利用できるようなので、JSONPで取得すればいいのではないでしょうか。

https://zip-cloud.appspot.com/doc/api

パラメータ名	項目名	必須	備考
zipcode	郵便番号	○	7桁の数字。ハイフン付きでも可。完全一致検索。
callback	コールバック関数名	-	JSONPとして出力する際のコールバック関数名。UTF-8でURLエンコードした文字列。
limit	最大件数	-	同一の郵便番号で複数件のデータが存在する場合に返される件数の上限値（数字）　※デフォルト：20