网页部署flutter前端web项目的方法

最近,flutter升级到2.0,新增了发布web页面的功能,真正实现了一套代码,多端运行。但全网暂无相关前端部署教程。自己将流程在此简单总结一下。
1、在项目目录,通过命令行运行flutter build web命令,打包生成前端部署文件在【项目名】/build/web路径下。
2、通过ftp等软件,将生成的web前端文件,上传到服务器 /home/ 目录中
3、在服务器安装nginx。阿里云centos服务器通过apt install nginx命令安装
4、在浏览器输入服务器域名,确认nginx服务已开启
5、修改nginx配置文件,路径为/etc/nginx/sites-enabled/default,注释原有的 root /var/www/html这行,改成自己的前端项目路径,我这里是 root /home/web。
6、通过sudo /etc/init.d/nginx reload重启nginx服务。浏览器输入域名测试。
部署成功。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容