外部APIへのHTTPリクエストのとき、CORS Policyに反してブロックされてしまう

Question

前提・実現したいこと

Javascriptで外部のAPIを使うときに、HTTPリクエストを送りたい。

発生している問題・エラーメッセージ

XMLHttpRequestを使っていますが、
Access to XMLHttpRequest at '' from origin '' 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.
というエラーメッセージが出ます。
調べたところAPI側のレスポンスヘッダーにAccess-Control-Allow-Originがないことが原因とのことですが、API側にどうやって追加すればいいのかわかりません。

該当のソースコード

var xhr = new XMLHttpRequest();
  xhr.open(
    "POST",
    "リクエスト先"
    );
  xhr.setRequestHeader(
    "content-type","application/json; charset=UTF-8"
      );
  xhr.setRequestHeader(
    "X-SPIRAL-API","database/insert/request"
    )

試したこと

xhr.setRequestHeader(
"Access-Control-Allow-Origin", "リクエスト先"
)
を追加してみたが、やはりだめだった。

補足情報（FW/ツールのバージョンなど）

使用しているのはSPIRAL APIです。

Answer 1

使用しているのはSPIRAL APIです。

あなたが、管理しているシステムでないのなら、先方に要望を出すしか無いです。

もしくは、利用規約を確認した上で、別途中継用のサーバーを立てるか。

Comments

[adnchdid]

回答ありがとうございました。
送信元のSaaSに外部APIの利用関数が設定されておりましたので、それを使い解決に至りました。

Answer 2

すでに正解がでていますので、別観点での補足ですが

API側にどうやって追加すればいいのかわかりません。

もしご自身がAPIをいじれる立場だとするなら
httpdやサーバーサイドのプログラムを利用して

Access-Control-Allow-Origin:*

とするか
Access-Control-Allow-Credentialsを設定して
所定のサイトを指定するなどしてください
(ブラウザーに認証情報の入ったリクエストを送るようにするには、
オリジン間の呼び出しであってもCredentialsの設定が必要です)
Access-Control-Allow-Headersなど設定する場合もあります

また、APIの機能でJSONPに対応していれば特に設定しなくてもCORSを回避するとも可能です。