我正在尝试使用 Github API 获取用户，但它说令牌是错误的

Question

我正在尝试使用 github API

获取用户信息

import React, { useEffect } from "react";

function UserResults() {
  useEffect(() => {
    fetchUsers();
  }, []);

  const fetchUsers = async () => {
    const response = await fetch(`${process.env.REACT_APP_GITHUB_URL}/users`, {
      headers: {
        Authorization: `token ${process.env.REACT_APP_GITHUB_TOKEN}`,
      },
    });
    const data = response.json();
  };
  return <div>Hello</div>;
}

export default UserResults;

这是我放入环境中的内容：

REACT_APP_GITHUB_TOKEN="<token>"
REACT_APP_GITHUB_URL = "https://api.github.com"

我确定令牌已正确生成和复制。

但由于控制台中显示的某些“JSON”错误，我似乎无法获取数据。

任何人都可以提供任何帮助吗？

Answer 1

您需要等待 response.json() 并更新您的 header 请求

import React, { useEffect } from "react";

function UserResults() {
  useEffect(() => {
    fetchUsers();
  }, []);

  const fetchUsers = async () => {
    const response = await fetch(`${process.env.REACT_APP_GITHUB_URL}/users`, {
      headers: {
        'Authorization': `token ${process.env.REACT_APP_GITHUB_TOKEN}`,
        'Content-Type': 'application/json',
        'Accept': 'application/json'
      },
    });
    const data = await response.json();
  };
  return <div>Hello</div>;
}

export default UserResults;

我正在尝试使用 Github API 获取用户，但它说令牌是错误的

I am trying to fetch users using Github API, but it says the token is wrong

reactjs

github-api