我正在 api 上提出请求，但授权失败.如何在抓取链接中包含授权令牌

Question

我有这个问题关于在 react 中使用 fetch 命令的 http resquest.js，响应来了授权失败。我对所有这些东西都是陌生的。如何成功从链接中获取数据？

我尝试了以下代码：

import React, {useState,useEffect} from "react";
import { async } from "q";

function Shop(){
  useEffect(() => { //this function will run when component did mount
    fetchItems();
  },[]);
  const [items, setItems] = useState([]);
  const fetchItems = async () => {
    const data = await fetch("https://fortnite-api.theapinetwork.com/upcoming/get");
    console.log(data)
    const items = await data.json();
    console.log(items);
    setItems(items);
  }

return(<div>
  { items.map(item => (
   <h1 key={item.itemid}>{item.name}</h1>
   ))
  }           
  </div>
  )
}
export default Shop;

我在获取数据时遇到以下错误：

错误： {"成功"：假，"错误"："请添加您的授权令牌."，"eCode"："授权.空"，"_console"："https://console.fortniteapi.com"}

Answer 1

您可能需要

将其添加到标头中，如下所示：

fetch(
    "https://fortnite-api.theapinetwork.com/upcoming/get",
    {
        headers: {
            Authorization: 'Bearer [your-token-here]'
        },
    }
)