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

你可能感兴趣的:(网页部署flutter前端web项目的方法)