无法在React中使用fetch从ipify获得响应

Question

在我的React应用程序中，我想在客户端获取用户的IP地址。我打算为此使用as.factor。当我在浏览器中使用ipify时，它成功返回了'http://api.ipify.org/?format=json'，但是通过fetch API发出请求时，无法获得相同的响应。我得到的是类似下面的内容。

代码：

{"ip":"112.135.11.128"}

Answer 1

您需要调用.json（）方法获取正文。

async function getIP(){
    const response = await fetch('http://api.ipify.org/?format=json');
    const data = await response.json();
    return data;
}

然后您可以像这样使用它：

getIP().then(data => console.log(data);

Answer 2

与Ozan Bulut

类似的方法

await fetch('http://api.ipify.org/?format=json')
.then(response => response.json())
.then(data => {
 /* use data here */
});