如何在本地运行Flutter Web构建

Question

如何在本地运行Flutter Web构建

3

之后：

flutter build web

构建完成，路径为：build/web

如何在本地运行？不使用...

flutter run -d chrome

- SULPHURIC ACID

1

最简单的方法，步骤1：cd build/web，步骤2：python -m http.server - pskink

如果您没有安装 python3，请尝试以下其中之一：https://gist.github.com/willurd/5720255 - pskink

你需要一个本地的Web服务器。如@pskink所提到的，可以使用IIS、Apache、Node.js或Python。 - rosh-dev851

1

如果您的应用程序使用任何网络调用或与任何使用网络调用的服务（如Firebase）集成，则Python服务器方法由于跨站点策略阻止现代Web浏览器中的所有操作而无法正常工作。请改用本地Apache服务器：https://dev59.com/jcLra4cB1Zd3GeqPM5ir#74484793 - Albert Renshaw

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Albert Renshaw · Accepted Answer

在Mac上

运行以下终端命令启动Apache服务器：

$ sudo apachectl start

然后，将您的build/web文件夹中的内容移动到/Library/WebServer/Documents/

(注意：如果之前更改过，Index.html的基础href应为"/")

现在，在Web浏览器中导航至localhost

完成后，使用以下命令停止Apache服务器：

$ sudo apachectl graceful-stop

在Windows上

下载XAMPP，安装并允许其在本地网络上运行（如果提示），然后启动XAMPP应用程序（它可能已自行启动）。

在XAMPP应用程序中，找到“Apache”行并单击“启动”按钮以启动Web服务器。

将您的build/web文件夹中的内容移动到C:/xampp/htdocs/

(注意：如果之前更改过，Index.html的基础href应为"/")

现在，在Web浏览器中导航至127.0.0.1/index.html

完成后，打开XAMPP应用程序并在Apache行上单击“停止”。