Repl-AIからAjaxで情報を取得したい(CROSで失敗する)

Question

お世話になります。

Repl-AIで作成したチャットボットからAjaxでレスポンスを取得したいと思っていますが、
CROS部分で下記のようなエラーが出てきてしまい、うまくいきません。

postmanで同一内容で通信を行うとうまくいきます。
choromeの拡張機能「Access-Control-Allow-Origin: *」を入れている状態でもうまくいきます。
なのでheaderの書き方がおかしいのかなとも思ったのですが、よくわかりませんでした。

バーチャルボックスで作成したサーバーからRepl-AIに問い合わせを行っています。

Access to XMLHttpRequest at 'https://api.repl-ai.jp/v1/registration/?Content-Type=application/json&x-api-key=[APIキー]' 
from origin 'http://[サーバーIP]' has been blocked by CORS policy: 
Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response.

通信部分のソースは下記のとおりです。

HOGEClass.prototype.ajaxtest = function () {
  var settings = {
    "async": true,
    "crossDomain": true,
    "url": "https://api.repl-ai.jp/v1/registration/?Content-Type=application/json&x-api-key=[APIキー]",
    "method": "POST",
    "headers": {
      "Content-Type": "application/json",
      "cache-control": "no-cache",
      "Access-Control-Allow-Headers": "*",
      "Access-Control-Allow-Origin": "*",
      "Access-Control-Max-Age":"-1"
    },
    "processData": false,
    "data": "{\r\n  \"botId\":\"[ ボットID ]\"\r\n}",
  }
  
  $.ajax(settings).done(function (response) {
    console.log(response);
  });
}

ご助言いただけますと幸いです。

Answer 1

###私もエラー内容がわからなかったので

Google Translaterで日本語に翻訳してもらいました。
その結果が以下です。

エラー
「https://api.repl-ai.jp/v1/registration/?Content-Type=application/json&x-api-key=[APIkey-」でのXMLHttpRequestへのアクセス
「http：// [サーバーIP]」がCORSポリシーによってブロックされました：
要求ヘッダーフィールドAccess-Control-Allow-Originは、プリフライト応答でAccess-Control-Allow-Headersによって許可されません。

###上のエラー翻訳を詳しく

https://qiita.com/Masa_Kado/items/a3af4c21be3c987ab942
↑「http：// [サーバーIP]」がCORSポリシーによってブロックされました：

https://developer.mozilla.org/ja/docs/Web/HTTP/CORS
↑要求ヘッダーフィールドAccess-Control-Allow-Originは、プリフライト応答でAccess-Control-Allow-Headersによって許可されません。
###リンク先から想像される要件
ブラウザのセキュリティレベルを調節することで回避できそう。

コードを改める前にまずAPIの要件を再度チェック。
こんなことしか回答できなくてすみません。

Comments

[asus2]

ご回答ありがとうございます。
APIの要件についてもう少し詳しく調べてみようと思います。