Docker部署Vue

Docker部署Vue

      • 1. 在项目中运行npm run build,生成dist文件夹
      • 2. 将生成的dist文件夹放到要部署的文件夹中
      • 3. 在dist同级文件夹中新建Dockerfile(直接复制,不然会出问题)
      • 4. 创建容器
      • 5. 查看端口占用
      • 6. 运行docker
      • 7. 查看docker列表
      • 8. 停止docker
      • 9. 删除docker

1. 在项目中运行npm run build,生成dist文件夹

Docker部署Vue_第1张图片

Docker部署Vue_第2张图片

2. 将生成的dist文件夹放到要部署的文件夹中

Docker部署Vue_第3张图片

3. 在dist同级文件夹中新建Dockerfile(直接复制,不然会出问题)

Dockerfile中写入以下内容:

FROM nginx
MAINTAINER zy
COPY /dist /usr/share/nginx/html

Docker部署Vue_第4张图片

4. 创建容器

cd /zy/Projects
docker build -t edge-zy .

5. 查看端口占用

查看端口占用情况,如果端口被占用,需要更换一个端口

在这里插入图片描述

netstat -anp |grep 8091

6. 运行docker

docker run --name=edge-zy -d -p 8091:80 edge-zy

Docker部署Vue_第5张图片

7. 查看docker列表

docker ps

在这里插入图片描述

8. 停止docker

docker stop |NAME>

在这里插入图片描述

9. 删除docker

# 删除某一个docker容器
docker rm |NAME> |NAME>
# 删除所有docker容器
docker rm $(docker ps -a -q)

在这里插入图片描述

你可能感兴趣的:(Java,docker,vue.js,容器)