docker打包vue项目

步骤一

使用docker创建nginx镜像

docker install nginx

运行nginx镜像

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

访问4030端口看看是否安装成功。

步骤二

将vue项目打包成dist，命令

npm run build

步骤三

在服务器中找一个空白文件夹，将dist文件放到该文件夹下

 创建Dockerfile文件

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

步骤四 

构建镜像 别忘了最后的 .

docker build -t 镜像名称 .

步骤五 

运行容器

docker run --name 取个容器名称 -d -p 82:80 镜像名称

去浏览器访问浏览器IP:82 看最终效果