最近，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服务。浏览器输入域名测试。
部署成功。
网页部署flutter前端web项目的方法
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 一. 使用nginx部署多个前端项目 个人总结了3种方法来实现在一台服务器上使用nginx部署多个前端项目的方法。...
- 我的博客地址 正式地址测试地址前端源码后端源码 文章目录 项目及其技术栈介绍 前端: 项目初始化 前端: 使用Sa...
- 前言 初入docker门的新人，容器化概念越来越流行，希望这篇小白文能帮助到想使用docker做部署的大家。其中有...
- 网上有太多早期 flutter for web 的新手教程，现在看来已经有些过时。所以说还是看跟着官方文档走一波吧...
- 前言 最近做了一个前后端分离的项目，项目完成后使用Tomcat和Nginx来部署前端项目。下面会对部署步骤和需要注...
