docker 部署Vue项目

第一步：vue项目打包成dist。

npm run build

第二步：构建Dockerfile

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

第三步：安装nginx

docker pull nginx

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

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

第四步：linux上找个空目录放项目文件和Dockerfile

第五步：构建镜像，cd到Dockerfile目录下

docker build -t 取个镜像名称 .

第六步：运行容器

docker run --name 取个容器名称 -d -p 9020:80 上一步取的镜像名称

访问一下9020检查是否运行成功。