請求頭中包含不記名令牌時請求失敗

Question

在請求標頭中發送不記名令牌時，我遇到了獲取 API 的問題。 問題是請求在標頭中包含此令牌時失敗，但是當標頭中沒有令牌並且請求可以獲取時一切正常。 知道如何解決這個問題嗎？ 我真的很感激任何幫助。

const url = "https://something.com"
const token = "something";
const options = {
headers: {
  Accept: "application/json",
  Authorization: "Bearer " + token
 }
};
fetch(url, options)
 .then((res) => {
 if (res.ok) {
   return res.json();
 } else {
   throw Error("Error!");
 }
})
.then((data) => {
        ...
 })
.catch((error) => {
        ...
});

Answer 1

嘗試更改 Accept 部分：

編輯：Access-Control-Allow-Origin 是 CORS（跨源資源共享）標頭。

當站點 A 嘗試從站點 B 獲取內容時，站點 B 可以發送一個 Access-Control-Allow-Origin 響應標頭來告訴瀏覽器該頁面的內容可由某些來源訪問。 （源是一個域，加上方案和端口號。）默認情況下，任何其他源都無法訪問站點 B 的頁面； 使用 Access-Control-Allow-Origin 標頭為特定請求源的跨源訪問打開了一扇門。

對於站點 B 想讓站點 A 訪問的每個資源/頁面，站點 B 應使用響應標頭為其頁面提供服務：

Access-Control-Allow-Origin: http://siteA.com

在另一個帖子上找到的，可能也有幫助。

 const options = {
    headers: {
      Content-Type: "application/json",
      Authorization: `Bearer ${token}` //Change it too
    }
 };

與令牌相關，傳遞它的一種方法是這樣的：

 const options = {
    headers: {
      //Something else...

      Authorization: `Bearer ${yourToken}`
    }
 };