Question

我有关于在react.js中使用fetch命令进行http请求的问题，响应即将到来，授权失败。我是所有这些东西的新手。如何从链接成功获取数据？

我尝试了以下代码：

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;

获取数据时出现以下错误：

错误：{“成功”：false，“错误”：“请添加您的授权令牌。”，“ eCode”：“ authorization.empty”，“ _ console”：“ https://console.fortniteapi.com”}

Answer 1

您可能需要将其添加到标题中，例如：

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

我在api上发出请求，但是即将授权失败。如何在获取链接中包含授权令牌

1 个答案: