嘿，针对你的问题，我整理了几个不需要第三方服务、还能兼容IE的方案，重点结合React和Node.js的场景来给你说明：

其实这是最可靠且兼容所有浏览器（包括IE）的方式——客户端本身没有原生API能直接获取公网IP，而服务器在接收请求时，天然就能拿到请求的源IP，完全不用依赖WebRTC或者第三方服务。

Node.js（Express）服务器端代码 #

const express = require('express');
const app = express();

// 如果服务器部署在反向代理（比如Nginx、Heroku）后面，必须配置信任代理，否则拿到的是代理IP
app.set('trust proxy', true);

// 接口：接收客户端请求并返回/记录IP
app.post('/api/save-client-ip', (req, res) => {
  // 获取客户端IP的几种方式，按需选择
  const clientIp = req.ip 
    || req.connection.remoteAddress 
    || req.socket.remoteAddress 
    || (req.connection.socket ? req.connection.socket.remoteAddress : null);

  console.log('客户端公网IP:', clientIp);
  // 这里可以把IP存入数据库或做其他处理
  res.status(200).json({ success: true, ip: clientIp });
});

app.listen(3001, () => console.log('服务器运行在3001端口'));

React客户端代码 #

只需要发起一个简单的请求，服务器会直接返回客户端的IP，你也可以不用返回，直接在服务器端记录：

import { useEffect } from 'react';

const App = () => {
  const sendIpToServer = async () => {
    try {
      const response = await fetch('/api/save-client-ip', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
      });
      const data = await response.json();
      console.log('服务器返回的IP:', data.ip);
    } catch (err) {
      console.error('请求失败:', err);
    }
  };

  // 组件挂载时发送请求
  useEffect(() => {
    sendIpToServer();
  }, []);

  return <div>检查控制台查看IP信息</div>;
};

export default App;

如果一定要在客户端先尝试获取IP，再发送到服务器，可以做一个兼容处理：支持WebRTC的浏览器用WebRTC尝试拿IP，不支持的（比如IE）直接请求服务器获取。

React客户端兼容函数 #

const getClientIp = async () => {
  // 检查浏览器是否支持WebRTC
  const hasWebRTC = window.RTCPeerConnection 
    || window.mozRTCPeerConnection 
    || window.webkitRTCPeerConnection;

  if (hasWebRTC) {
    return new Promise((resolve) => {
      const pc = new (window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection)({
        iceServers: [] // 不需要配置ICE服务器，因为只是拿本地候选IP
      });
      pc.createDataChannel(''); // 创建空数据通道触发ICE候选
      pc.createOffer().then(offer => pc.setLocalDescription(offer));

      pc.onicecandidate = (event) => {
        if (!event.candidate) {
          pc.close();
          resolve(null); // 没拿到IP，降级到服务器方案
          return;
        }
        // 从ICE候选中提取IP（可能是内网或公网IP）
        const ipMatch = event.candidate.candidate.match(/([0-9]{1,3}(\.[0-9]{1,3}){3})/);
        if (ipMatch) {
          pc.close();
          resolve(ipMatch[1]);
        }
      };
    });
  } else {
    // IE不支持WebRTC，直接请求服务器拿IP
    const res = await fetch('/api/get-client-ip');
    const data = await res.json();
    return data.ip;
  }
};

// 发送IP到服务器的函数
const sendIp = async () => {
  const ip = await getClientIp();
  if (ip) {
    await fetch('/api/save-ip', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ ip })
    });
  }
};

补充Node.js接口（用于降级场景） #

app.get('/api/get-client-ip', (req, res) => {
  const clientIp = req.ip;
  res.json({ ip: clientIp });
});

app.post('/api/save-ip', (req, res) => {
  const { ip } = req.body;
  console.log('客户端提交的IP:', ip);
  res.status(200).json({ success: true });
});

• 服务器端获取IP是最可靠的，因为WebRTC拿到的可能是内网IP，而且完全依赖浏览器支持；
• 如果需要区分公网/内网IP，可以在服务器端通过正则或第三方库（比如ip）来识别内网IP段；
• IE完全不支持WebRTC，所以针对IE的场景，只能依赖服务器端方案，没有客户端侧的替代方法。

内容的提问来源于stack exchange，提问作者Kodanda Rama Durgarao Poluri