关于前端:前端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 installCOPY . .# 设置监听端口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，启动实现后，即可拜访前端利用。