docker部署vue打包后的资源

1. 安装nginx

docker pull nginx

2. 根据镜像运行容器

docker run --name=nginx -d -p 4030:80 nginx

3. 找一个存储路径: /use/local/apps/
4. 创建一个文件夹,并把打包后的dist放进去

cd /use/local/apps/

mkdir sys-ui

cd sys-ui

5. 在与dist同级目录下（sys-ui下）创建Dockerfile文件,并写入配置

vim Dockerfile


# 设置基础镜像，这里使用最新的nginx镜像，前面已经拉取过了
FROM nginx
# 定义作者 wyx
MAINTAINER wyx 
# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/  /usr/share/nginx/html/

6.打包镜像

docker build -t sys-ui  .

7. 根据镜像运行容器

docker run --name=sys-ui -d -p 9020:80  sys-ui

8. 进入网页查看： ip+端口（对应上一步的9020）