反应如何得到accessToken？

Question

我想寄一张带抓取的帖子。但我得到了401个错误:www-认证:无记名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()}`);

承载对象对象

Answer 1

谢谢大家的回答。

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

在此应用程序中，令牌将获得不同的名称。当我从检查，我使用它和它的工作！

Answer 2

JSON.stringify(Userfront.accessToken())请对该对象进行字符串化，以了解在那里发生了什么，然后如果从该函数返回accessToken，则将该字符串放入其中。

我刚从医生那里意识到；

为了处理类似于此

()-的请求，后端应该从授权头读取JWT，并使用用户前仪表板中的公钥验证它是否有效。

https://userfront.com/guide/auth/

fetch('https://api.example.com', {
  method: 'GET'
  headers: {
    'Content-Type': 'application/json',
    'Authorization': `Bearer ${Userfront.tokens.accessToken}`
  }
});

Answer 3

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

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