React Native应用中VPN连接时如何检测互联网是否断开

问题核心在于NetInfo这类工具的检测逻辑：它仅验证本地网络接口（比如VPN虚拟网卡）是否处于激活状态，哪怕实际互联网已经断开，只要VPN接口没断，就会返回“已连接”。要准确判断，必须主动验证实际互联网可达性，以下是几种实用方案：

1. 主动发起轻量网络检测 #

通过向可靠的公共服务发起请求验证连通性，推荐两种高效方式：

• Ping 公共IP：比如谷歌的DNS服务器8.8.8.8，这是一个几乎不会宕机的节点，用ping命令或专用库检测是否能收到响应。
• 发起极简HTTP请求：请求无内容的端点（比如http://icanhazip.com），设置3秒以内的超时时间，若请求失败或超时，说明互联网实际断开。

React Native 示例代码 #

import NetInfo from '@react-native-community/netinfo';

// 互联网可达性检测函数
const checkInternetReachability = async () => {
  try {
    const response = await fetch('http://icanhazip.com', {
      method: 'HEAD', // 仅请求响应头，减少数据传输
      timeout: 3000,
    });
    return response.ok;
  } catch (error) {
    return false;
  }
};

// 结合NetInfo监听与可达性验证
NetInfo.addEventListener(state => {
  if (state.isConnected) {
    // 本地接口连通后，进一步验证实际互联网状态
    checkInternetReachability().then(isReachable => {
      console.log(isReachable ? '互联网实际连通' : 'VPN已连接，但互联网断开');
    });
  } else {
    console.log('本地网络已断开');
  }
});

2. 利用系统原生网络框架（更精准） #

直接调用系统提供的网络监测能力，无需额外发起请求：

• Android：使用ConnectivityManager.NetworkCallback，通过networkCapabilities.hasCapability(NET_CAPABILITY_INTERNET)和networkCapabilities.hasCapability(NET_CAPABILITY_VALIDATED)判断网络是否真的能访问互联网。
• iOS：使用NWPathMonitor，它会直接返回网络的实际可达状态，包括是否能连接到互联网。

iOS 示例代码（Swift） #

import Network

let monitor = NWPathMonitor()
monitor.pathUpdateHandler = { path in
    switch path.status {
    case .satisfied:
        print("互联网已连接")
    case .unsatisfied, .requiresConnection:
        print("互联网断开")
    default:
        break
    }
}
let queue = DispatchQueue(label: "NetworkMonitorQueue")
monitor.start(queue: queue)

3. 检查路由表（进阶方案） #

VPN连接后系统会生成特定路由规则，若互联网断开，通向公共网络的路由会失效：

• Android：通过代码读取/proc/net/route文件分析路由规则，或执行ip route命令查看默认路由是否有效。
• iOS：通过route -n get default命令或Network框架获取路由信息，判断是否存在有效公网路由。

总结 #

不要单纯依赖NetInfo的接口状态，必须结合实际互联网可达性验证。优先使用主动请求或系统原生框架的方案，这两种方式简单可靠，能覆盖绝大多数场景。

内容的提问来源于stack exchange，提问作者Chandni