使用 Nginx Docker 镜像部署前端静态界面

本文运行的环境：
Ubuntu 18.04
需要的依赖：
Docker version 18.09.2, build 6247962
docker-compose version 1.24.0, build 0aa59064

前后端分离项目，前端界面在服务器上只需要能被外部访问到即可，所以直接使用 Nginx 的 docker 来部署就行。

同时因为要挂载本地的配置文件到 docker 中，使用 docker-compose 比较方便，所以这里我选择使用 docker-compose 来进行配置。

docker-compose.yml 文件如下：

version: '3'
services:
  nginx:
    image: nginx:latest
    ports:
     - "9000:3000" // 9000 是 docker 暴漏给宿主机端口，3000是docker内部监控的端口
    volumes:
     - ./faucet-ui/nginx.conf:/etc/nginx/conf.d/default.conf  // 把宿主机的 nginx.conf 文件 替换掉 Nginx 默认的配置文件 default.conf
     - ./faucet-ui/build:/usr/share/nginx/html // 把宿主机的 build 文件夹映射到 docker 的 html 文件夹
    command: /bin/bash -c "nginx -g 'daemon off;'"  // docker 起来之后最后执行的命令

nginx.conf 文件如下

server{
    listen 3000; // 监听 docker 内部的 3000端口
    server_name _;
    location / {
        root   /usr/share/nginx/html; // 该文件夹下寻找 index.html 文件
        index  index.html index.htm;
        try_files $uri /index.html;
    }
}

都搞定之后，在 docker-compose.yml 目录（注意文件中的所有路径都是相对于 docker-compose.yml 文件所在位置说的）, 运行如下命令即可启动。

sudo docker-compose up -d 

如果想停止运行执行

sudo docker-compose down