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 ，回车，出现了如下页面

这样，我们就部署成功了。

Flutter Web 打包并发布到Tomcat服务器上相关推荐

系统运维系列之tomcat服务器上webapps文件夹里的名称与项目名称不一致
背景: 从SVN上下载的项目为了不与原来项目文件夹的项目名称重复,往往会修改成另外一个名称,如AAAAAA重新命名为AAAAAANew,但是在本地或者线上发布后(部署到tomcat上时)还是以原有的项 ...
Java Web基础入门第九讲 Java Web开发入门——再探Tomcat服务器
web应用程序 web应用程序指供浏览器访问的程序,通常也简称为web应用.例如有a.html.b.html--多个web资源,这多个web资源用于对外提供邮件服务,此时应把这多个web资源放在一个目 ...
WEB的发展历程、Tomcat服务器、与HTTP协议
1 web的发展历程 C/S和B/S都是软件架构的两种不同的表现形式: C/S架构:Client/Server:客户端和服务端的架构.该软件运行在电脑桌面:比如,QQ,FeiQ,POS机/火车站买票. ...
web工程自动部署（tomcat服务器）
工作中经常需要把web项目打成war包之后部署到tomcat服务器上,每次更新时步骤比较类似,这里提供公共步骤,编写名为auto_deploy.sh的shell脚本,只需要传递两个参数即可自动完成部署 ...
HTML5 飞鸽传书web service都发布到交互服务器
因此我们需要把用到的HTML5 飞鸽传书 web service都发布到交互服务器,它会登记所有服务.此时手机终端的访问方式几乎和web/application server中(2)的方式一样,先授权 ...
java部署到服务器乱码_java web项目发布到linux服务器上运行出现乱码
我们项目的开发是在windows下完成的. 然后导出.sql数据库文件,并导出war包,准备部署到linux下的tomcat服务器上. 部署完成出现中文问题: 问题描述: 1.数据库中原有的数据都能正 ...
如何在tomcat下应用部署日志_教妹子用IDEA创建web应用，部署到Tomcat服务器
自从上一篇原创发表之后,粉丝反应热烈.主要分两派,一派关注技术的,觉得看了那么多的公众号文章,终于找到一篇能看懂的了,于是沾沾自喜.另一派是关注妹子的,感叹自己空有一身绝技,公司里却无妹子可教,大喊可 ...
iOS开发之企业开发者账号打包发布 App 到服务器上的流程
说明: 下面只讲怎么用企业开发者账号打包发布到服务器,至于企业开发者账号的申请就自行百度 ,Certificates 和 Provisioning Profile 创建时记得选择 In Ho ...
cs项目服务器更新,Visual Studio下运行PowerShell脚本自动更新项目里AssemblyInfo.cs文件的版本（自增小版本号）并发布到Nuget服务器上...
Visual Studio下运行PowerShell脚本自动更新项目里AssemblyInfo.cs文件的版本(自增小版本号)并发布到Nuget服务器上附脚本[ update.ps1文件内容]: $ ...
IDEA打包springboot项目为war并发布到tomcat服务器
最近有个springboot项目要发布到独立的tomcat下运行,其中遇到了很多坑,在此记录下: 1.springboot项目打包配置: 首先在启动类目录下新增打包类备注:启动类继承自SpringB ...

Flutter Web 打包并发布到Tomcat服务器上

Flutter Web 打包并发布到Tomcat服务器上

Flutter Web 打包并发布到Tomcat服务器上相关推荐

最新文章

热门文章