flutter 打包web

命令行执行

mac@MacdeiMac ~ % flutter config -h

先运行下,看当前flutter 是否支持web项目, 如果没有enable-web: true 则输入flutter config --enable-web

flutter 打包web_第1张图片
image.png

新建一个项目

flutter 打包web_第2张图片
image.png

这时候项目中就包含了web文件夹.
输入flutter build web就可以在build文件夹中生成web文件, 将它放到到tomcat或者其他容器就能访问了!

!!特别注意: web文件夹的index.html文件中base标签得补全href,不然会打不开页面

附上项目的测试连接:http://47.100.55.134:8080/web/#/

参考:https://flutter.cn/docs/development/platform-integration/web

你可能感兴趣的:(flutter 打包web)