Flutter Web 打包并发布到Tomcat服务器上
首先,我们需要创建一个Flutter项目
接着,我们使用cmd进入该目录,执行flutter create .
创建flutter web 的支持
这个时候,我们可以看到,目录下多了一个web文件夹
接着,我们执行 flutter build web
编译生成web相关的文件,编译成功后,我们可以在build
文件夹下看到有一个web文件夹,这个文件夹是编译后,生成的web相关的文件。
我们可以把这个部署到服务器上,比如tomcat上。 (关于tomcat可以看我的另一篇博客 JavaWeb-Tomcat入门)
我们将web
这个文件夹移动到tomcat/webapps
目录下,并修改web
文件夹为flutterwebtest
需要注意的是,index.html
中如果不修改base href
,部署后是显示不出来页面的
所以,我们需要打开index.html
进行编辑
修改 <base href="/">
为<base href="http://127.0.0.1:8080/flutterwebtest/">
最后,我们就可以使用浏览器进行访问了
在浏览器中输入http://127.0.0.1:8080/flutterwebtest/index.html
,回车,出现了如下页面
这样,我们就部署成功了。