Flutter Web基于Docker nginx的网站搭建教程

Nginx 是一个高性能的 HTTP 和反向代理 web 服务器，我们可以把我们应用发布到 Nginx上，提供IP地址给外部访问。

准备

• 1 台云服务器
• ssh root@ip 连接上服务器

安装nginx

• docker pull nginx:latest

启动一个nginx容器

• docker run -d -p 80:80 --name mynginx nginx

进入容器，查看配置文件

① 进入容器：

• docker exec -it mynginx /bin/bash

② 切换到容器的配置文件目录

• cd /etc/nginx/conf.d

③ 查看配置文件

• cat default.conf

或者安装并通过vim打开

apt-get update
apt-get install vim
vim default.conf

image.png

在默认配置下，网页文件位于/usr/share/nginx/html 目录下，我们只需将编译后的flutter web文件放在该目录下可以。

拷贝文件到云服务器

• scp -r ~/flutter_project/build/web root@ip:/

拷贝文件到docker

• docker cp ./index.html mynginx:/usr/share/nginx/html/

在浏览器通过ip地址访问网页

• http://ip/#/

image.png