Flutter 构建web应用

1.控制台输入flutter build web

image.png

build目录生成web目录及其web程序文件，则编译成功。

但是大概率会编译出错，并报错Missing index.html.

三、解决方法
控制台输入flutter config --enable-web
在项目根目录执行flutter create .注意有个英文符号.
执行flutter build web，发现生成了wed目录及其js文件
执行flutter run -d chrome调试运行web应用

---

下边我们来测试我们的Web应用程序是否构建成功，

image.png

首先我们将生成的web目录及其文件复制到D盘，位置自己确定D:\web\web

image.png

然后我们构建一个IIS服务，
一、首先是安装IIS。打开控制面板，找到“程序与功能”，点进去，然后点击启动或关闭windows功能

image.png

二、找到“Internet 信息服务”，按照下图打勾即可

image.png image.png

点击确定，然后等待安装完成，其实全部打钩就行，不行可以自行百度Windows IIS配置。

三、安装完成后，再回到控制面板里面，找到“系统和安全”，点进入，然后找到管理工具，再次点击进入

image.png image.png

四、双击“Internet 信息服务(IIS)管理器”就是IIS了

image.png

五.创建网站

image.png image.png

定位到86端口

访问本地服务器
http://localhost:86

web应用加载成功！至此就完成了flutter web应用的构建以及测试，说明生成的web应用运行成功，楼主亲测web应用后台接口均调用成功。

image.png

附录一张Android端编译运行的flutter程序截图，至此我们发现flutter强大的一副代码多端运行的能力。

image.png