关于前端:前端docker指南

前端我的项目公布次要用到 nginx 和 node 两个镜像，可在官网的 Docker Hub 找到相应的版本拉取应用。

构建镜像

拉取官网镜像之前，可通过我的项目下的 Dockerfile 文件对将要构建的镜像进行配置，在官网镜像的根底上实现定制化。

应用 nginx 镜像公布的前端我的项目的 Dockerfile 罕用配置：

# 设置从公共仓库拉取的根底镜像、版本、别名
FROM nginx:latest
# 增加本地文件、目录或近程文件到镜像下的目录
ADD ./dist /usr/share/nginx/html

应用 node 镜像公布的前端我的项目的 Dockerfile 罕用配置：

FROM node:latest
# 设置工作文件夹用作命令执行目录
WORKDIR /usr/src/app/node
# 复制文件或目录
COPY package*.json ./
# 执行命令
RUN npm install
COPY . .
# 设置监听端口
EXPOSE 8080
# 提供默认执行入口
CMD ["node", "server.js"]

实现配置后，运行如下命令，开始构建镜像：

docker build --tag fe:latest .

运行容器

镜像构建实现后，能够通过 docker run 命令和一些参数运行容器，也能够通过 docker-compose 的配置更方便快捷地运行容器。

在前端我的项目中新建docker-compose.yml，配置如下：

# docker-compose 版本
version: '3.8'
services:
    nginx:
        # 指向构建好的镜像
        image: fe:latest
        # 映射端口
        ports:
            - 8080:80
        # 本地目录挂载至容器目录
        volumes:
            - ./dist:/usr/share/nginx/html

在前端我的项目下运行docker-compose up，启动实现后，即可拜访前端利用。