最近，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來部署前端項目。下面會對部署步驟和需要注...
