flutter - 从真正的移动浏览器访问 flutter localhost

Question

我有 Flutter Web 应用程序，可以轻松部署到我 PC 上的 chrome 浏览器。部署成功后:

控制台

网络浏览器(Chrome)

我正在寻找从我的 iPhone 浏览器访问在 chrome 中运行的本地主机的方法。我的 iPhone 和 PC 都连接到同一网络。我获取了网络的 IP 地址并尝试从我的 iPhone Safari 浏览器访问，链接如下:

http://192.168.43.36:61867

但它不起作用，我收到“无法访问该站点”的消息。我是否可以执行任何额外的步骤来使我的移动浏览器可以访问 flutter localhost 或者使用 flutter 根本不可能？

Answer 1

在您开发应用程序时，Flutter 并没有真正输出 JS。 flutter run 命令在 Chrome 浏览器中使用 development compiler 启动应用程序，这意味着 Dart 代码直接在 Chrome 中运行。而且您无法真正从网络中的另一台机器访问 Chrome，因为它不充当服务器。

您可能应该使用 compile your app in JS (AKA flutter build web ) 进行常规部署，以便从其他主机访问它。您可以使用 Python 的简单 HTTP 服务器来为应用程序提供服务。无需安装任何框架，无需配置任何东西，无需编写 Python 代码。只需确保您已安装 Python 3 并从您的应用程序构建输出运行 python -m http.server 8000。它将在端口 8000 上为应用程序提供服务。