JavaScript コードでは「要求されたリソースに 'Access-Control-Allow-Origin' ヘッダーが存在しません」というエラーが表示されるのに、Postman では表示されないのはなぜですか? 質問する

Mod の注記: この質問は、ブラウザ上の / などが Same Access Policy 制限の対象 (CORB または CORS に関するエラーが発生する) であるのに、Postman は対象とならないXMLHttpRequest理由についてです。この質問は、「No 'Access-Control-Allow-Origin'...」エラーを修正する方法についてのものではありません。このエラーが発生する理由についてです。fetch

投稿をやめてください:

• あらゆる言語/フレームワークのCORS設定。代わりに関連する言語/フレームワークの質問を見つける。
• CORS を回避するリクエストを許可するサードパーティのサービス
• さまざまなブラウザで CORS をオフにするためのコマンドライン オプション

私は認証をしようとしていますJavaScript接続することでRESTful API内蔵フラスコただし、リクエストを行うと、次のエラーが発生します。

XMLHttpRequest cannot load http://myApiUrl/login. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'null' is therefore not allowed access.

APIまたはリモートリソースがヘッダーを設定する必要があることはわかっていますが、Chrome拡張機能経由でリクエストを送信したときに機能したのはなぜですか？郵便配達員?

リクエストコードは次のとおりです:

$.ajax({
  type: 'POST',
  dataType: 'text',
  url: api,
  username: 'user',
  password: 'pass',
  crossDomain: true,
  xhrFields: {
    withCredentials: true,
  },
})
  .done(function (data) {
    console.log('done');
  })
  .fail(function (xhr, textStatus, errorThrown) {
    alert(xhr.responseText);
    alert(textStatus);
  });