フェッチ要求による資格情報の受け渡し方法

Question

GET要求がRabbitMQ APIにヘルスチェックとして送信されているときに、認証ダイアログボックスを回避するために資格情報を渡すことができません。私はそれは、要求が[OK]を送信し、実際のURL内の資格情報をせずにこの要求を送信した場合

rabbitCol.js:12 Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'Window': Request cannot be constructed from a URL that includes credentials: http://user:pass@localhost:15672/api/aliveness-test/%2F 
    at rabbitColChecking (rabbitCol.js:12) 
    at allReqInt (allReqInt.js:5) 
    at HTMLAnchorElement.onclick ((index):108) 

- 私は （例えばhttp://user:pass@localhost:15672/api/aliveness-test/%2F）

内の資格情報を使用してURLを渡すと は、それが下のエラーを受け取ります認証ダイアログはUIにポップアップしてしまい、迷惑でもありません。

要求は以下の通りです -

var fetch = require('node-fetch'); 

    async function rabbitColChecking() { 
     let index; 
     const hostsRB = ['http://user:pass@host1:15672/api/aliveness-test/%2F', 'http://user:pass@host2:15672/api/aliveness-test/%2F', 'http://user:pass@host3:15672/api/aliveness-test/%2F', 'http://user:pass@host4:15672/api/aliveness-test/%2F]; 
     let lengthVal = hostsRB.length; 
     for(let hostIndxRB = 0; hostIndxRB < lengthVal; hostIndxRB++) { 
      index = hostIndxRB; 
      let url = hostsRB[hostIndxRB]; 
      fetch(url, {method: 'GET', credentials:'same-origin', redirect: 'follow', agent: null, headers: {"Content-Type": "text/plain"}, timeout: 5000} 
     ).then(function (hostindxRB, res) { 
       handleLedResponseRB(res, hostindxRB); 
      }.bind(null, hostIndxRB)); 
      await sleep(500); 
     } 
    } 

この要求を送信するためのトリガは、いくつかのHTMLファイル内の "onclickの" 機能です。

私はネットで見たすべてのソリューションを実際に試しましたが、このユースケースを解決するものは何もありません。

Answer 1

あなたはこのように、認証ヘッダーを使用してフェッチを使用して、ユーザー名とパスワードを送信することができます

fetch(url, { 
    method: 'GET', 
    credentials: 'same-origin', 
    redirect: 'follow', 
    agent: null, 
    headers: { 
     "Content-Type": "text/plain", 
     'Authorization': 'Basic ' + btoa('username:password'), 
    }, 
    timeout: 5000 
}); 

btoaは、ブラウザによって提供される機能です。サーバー側で使用する場合は、btoa npmモジュールでジョブを実行する必要があります。