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

作者: Tismagic | 来源:发表于2021-04-21 21:31 被阅读0次

最近，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服务。浏览器输入域名测试。
部署成功。