使用基本身份驗證獲取端點會給出401

Question

我正在嘗試使用基本身份驗證調用端點。 我做了一個REACT應用程序，需要進行api調用。

這是我的代碼：

 const base64 = require('base-64'); const login = base64.encode("username:password"); const fetchTemplates = async () => { console.log(login); // shows: dXNlcm5hbWU6cGFzc3dvcmQ= const response = await fetch("http://localhost:8080/students/chat/templates", { mode: "no-cors", headers: new Headers({"Authorization": `Basic ${login}`}) }); const data = await response.json(); if (response.status > 400) { console.log(data.errors); throw new Error(data.errors); } console.log(data); return data; } export { fetchTemplates } 

我不確定我在做什么錯。 使用我在代碼中使用的相同憑據，從瀏覽器訪問端點可以正常工作。 通常，我應該能夠在控制台的請求標頭中看到授權。 但是什么都沒有。

歡迎任何幫助。

提前致謝。

Answer 1

長話短說：no-cors模式限制了您可以發送的標頭的種類。 授權不是這些標頭之一。 因此，您必須刪除no-cors模式才能使用Authorization標頭。