获取单个公网ip

根据上篇文章，我们获取到了很全的数据

如果我们只需要直观的看到ip地址怎么处理？

于是使用ChatGPT单独写了一个页面如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Awesome</title>
</head>
<body>
    <p id="ip">Fetching IP address...</p>

    <script>
        // 发送HTTP GET请求
        fetch('https://ip.dev6.site')
            .then(response => {
                if (response.ok) {
                    return response.json();
                } else {
                    throw new Error(`Failed to retrieve data. HTTP Status code: ${response.status}`);
                }
            })
            .then(data => {
                // 提取ip的值
                const ipValue = data.ip;
                if (ipValue) {
                    document.getElementById('ip').textContent = `${ipValue}`;
                } else {
                    document.getElementById('ip').textContent = "IP value not found in the response.";
                }
            })
            .catch(error => {
                document.getElementById('ip').textContent = `Failed to retrieve data. Error: ${error.message}`;
            });
    </script>
</body>
</html>

显示效果