Docker部署vue项目

背景

环境：CentOS7
CentOS7安装Docker
Docker部署SpringBoot项目

Dockerfile创建镜像

• 创建Dockerfile文件

# 基于nginx镜像
FROM nginx:stable-alpine
# 将主机当前目录下dist文件夹下文件复制至容器对应指定目录
COPY dist/ /usr/share/nginx/html/
# 指定80端口
EXPOSE 80

• 通过Dockerfile创建镜像
  • 当前命令必须在Dockerfile文件所在目录下执行
  • 命令行后有个点号

docker build -t nginx:1.0.0 .

• 查看镜像

docker images

• 命令方式生成容器

docker run -it -p 8081:80 --name=nginx-demo nginx:1.0.0

docker-compose生成容器

• 安装docker-compose(已安装忽略)

sudo curl -L https://get.daocloud.io/docker/compose/releases/download/1.25.1/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose

• 添加可执行权限

sudo chmod +x /usr/local/bin/docker-compose

• 测试安装结果

docker-compose --version

• 创建docker-compose.yml文件

# docker-compose版本
version: '3'

# 可配置多个
services:
  nginx-demo:
    # 新容器名称
    container_name: nginx-demo
    # 来源镜像及版本
    image: nginx:1.0.0
    # 指定时区
    environment:
      TZ: Asia/Shanghai
    # docker启动后立即启动该容器
    restart: always
    # 将80端口对外映射为8081
    ports:
      - 8081:80
    # 挂载主机vue项目文件信息至容器内（更新主机文件内容，对应容器挂在文件也会更新）
    volumes:
      - ./dist:/usr/share/nginx/html

创建容器

docker-compose up -d

验证

• 查看容器

docker ps