React 如何获取 accessToken？

Question

我想发送一个带有获取的帖子。 但我收到 401 错误：www-authenticate: Bearer error="invalid_token"。 我正在使用 Userfront.accessToken() 但它不起作用。

如何获得用于承载身份验证的访问令牌？

const submit = (e) => {
    e.preventDefault();
    const data = new FormData(form.current);
    fetch(process.env.REACT_APP_ENDPOINT + "user/me/contract", {
      method: "POST",
      body: data,
      headers: {
        "Content-Type": "application/json",
        Authorization: `Bearer ${Userfront.accessToken()}`,
      },
    }).then((res) => res.json());
  };

笔记：

console.log(`Bearer ${Userfront.accessToken()}`);

承载 [object 对象]

Answer 1

谢谢大家的答案。

Authorization: `Bearer ${localStorage.getItem("fray_access_token")}`,

在此应用程序中，令牌获得不同的名称。 当我从检查中查看时，我使用它并且它有效！

Answer 2

JSON.stringify(Userfront.accessToken()) 请对 object 进行字符串化以了解发生了什么然后如果有 accessToken 从该 function 中返回

Answer 3

你能试试这个吗？ 我从https://userfront.com/guide/auth/看到这个

  headers: {
    'Content-Type': 'application/json',
    'Authorization': `Bearer ${Userfront.tokens.accessToken}`
  }