使用不记名令牌获取API返回401

Question

我是 React 新手。 我正在我的全栈项目中试验 Fetch API，在下面我放置了我的 fetch 代码

const bearerToken = "Bearer " + token

const fetchDataGet = async () => {
        const response = await fetch("http://localhost:8080/api/corso/getcorsi-da?id_ca=1", {
            headers: {
                "method": "GET",
                "Authorization": bearerToken,
                "redirect": "follow"
            }
        })
        return response.json()
    }

我不明白授权问题出在哪里。如果我使用这种类型的赋值，它会返回 401

我设法使用邮差减少了问题，尝试放置相同的网址，但我得到了我所期望的，所以我尝试修复标题，我发现如果我使用带有不记名令牌的字符串（只需复制并粘贴生成的字符串）它返回 200，但是，如果我使用上面的赋值，我得到的是 401（未经授权）

Answer 1

您检查过您的令牌是否未定义吗？ 另请注意，您提供的标头不是正确的方法，因为方法和重定向不是标头的一部分。按照本文档了解正确的使用方法。正确的做法应该是

const bearerToken = "Bearer " + token;

const fetchDataGet = async () => {
    const response = await fetch("http://localhost:8080/api/corso/getcorsi-da?id_ca=1", {
        method: "GET",
        headers: {
            "Authorization": bearerToken
        }
    });
    return response.json();
}