如何解决Flutter Web局域网运行及InternetAddress.lookup不支持问题？

报错原因 #

InternetAddress.lookup是dart:io库的API，仅支持Flutter移动/桌面平台。Flutter Web运行在浏览器沙箱环境中，受浏览器安全策略限制，无法直接调用dart:io的底层网络方法，因此会抛出Unsupported operation: InternetAddress.lookup错误。

解决方法 #

1. 替换为浏览器兼容的网络检测方式 #

放弃使用InternetAddress.lookup，改用浏览器支持的网络请求API检测路由可达性，推荐两种实现：

方式一：使用http第三方包（跨平台友好）

先在pubspec.yaml中添加依赖：

dependencies:
  http: ^1.1.0

通过HEAD请求检测路由连通性：

import 'package:http/http.dart' as http;

Future<bool> isRouteReachable(String internalRoute) async {
  try {
    final uri = Uri.parse(internalRoute);
    final response = await http.head(uri);
    // 状态码200-299表示路由可达
    return response.statusCode >= 200 && response.statusCode < 300;
  } catch (_) {
    // 捕获异常说明路由不可达
    return false;
  }
}

方式二：使用dart:html原生API（仅Web平台）

直接调用浏览器原生请求接口：

import 'dart:html';

Future<bool> isRouteReachable(String internalRoute) async {
  try {
    final request = await HttpRequest.request(
      internalRoute,
      method: 'HEAD', // 用HEAD请求减少数据传输量
    );
    return request.status >= 200 && request.status < 300;
  } catch (_) {
    return false;
  }
}

2. 解决浏览器跨域（CORS）限制 #

如果内部路由与Flutter Web应用的域名/端口不同，浏览器同源策略会阻止请求，需在目标路由的后端服务中配置CORS规则：

• 添加响应头Access-Control-Allow-Origin，值设为你的Flutter Web应用地址（如http://localhost:53472），开发环境可临时用*允许所有来源；
• 确保后端允许HEAD请求方法加入CORS规则。

3. 开发调试时临时绕过安全限制（仅测试用） #

若调试时浏览器安全策略阻止局域网访问，可关闭所有Chrome窗口后，用以下命令启动无安全限制的Chrome实例：

• Windows:

  chrome.exe --disable-web-security --user-data-dir="C://ChromeDevSession"
  

• Mac:

  open -a Google\ Chrome --args --disable-web-security --user-data-dir="/tmp/chrome_dev"
  

• Linux:

  google-chrome --disable-web-security --user-data-dir="/tmp/chrome_dev"
  

注意：此方法仅适用于本地开发调试，禁止在生产环境使用。

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