我正在嘗試使用純 JavaScript 在 AJAX 調用中添加授權標頭。 但給出錯誤

Question

這是我的代碼片段：

var xhr = new XMLHttpRequest();
xhr.setRequestHeader("Authorization", "Basic " + sessionStorage.getItem("token"));

它給了我這樣的錯誤：

core.js:1633 錯誤 DOMException：無法在“XMLHttpRequest”上執行“setRequestHeader”：對象的狀態必須為 OPENED。

Answer 1

您需要在設置請求標頭之前調用 .open(..) 。

此回復粘貼自上一個問題here

Answer 2

所以打開它但在設置 RequestHeader 之前做它，像這樣：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example link);
xhr.setRequestHeader ("Authorization", "Basic " + sessionStorage.getItem("token"));