Question

我在Java中设置了一个API。但现在我正在ReactJS中开发一个客户端。身份验证使用JWT令牌。使用Postman，当我向身份验证URL发送POST请求时，它会返回一个JWT令牌，如下所示：

eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZHVzZXIiOjEsImlzcyI6ImF1dGgwIn0.0BXAQl-yMIDeAU6Emppo6LBIm1RAdLa9vDWbQkdLs1o

这正是我想要的。但我不知道在ReactJS中进行fetch调用后如何检索字符串。

我试图使用承诺并写下这个：

.then((data) => {
    data.text().then((token) => {
        alert(token)
    })
})

但它没有给我任何回报，我有一个没有文字的警报。如何从fetch返回的Object Response中获取String？

Answer 1

也许你后端服务器返回Content-Type=application/json？相反，text()方法尝试使用json()。

试试这个：

fetch('/next/page')
  .then(function(response) {
    return response.text();
  })
  .then(function(text) { 
    // <!DOCTYPE ....
    console.log(text); 
  });

Answer 2

我遇到了同样的问题，并且能够获得令牌：

.then(res => res.json()).then(res => {
    let token = res.token;
    console.log("token: ", token);
});

来源： https://developer.mozilla.org/en-US/docs/Web/API/Body

ReactJS从API提取中获取令牌字符串

2 个答案: