docker部署vue项目

之前是打包在下nginx

现在用docker+nginx（代码需要在服务器上）

1.下nginx 镜像

docker pull nginx
           

2.创建dockerfile

项目平行创建Dockerfile

FROM nginx:latest
MAINTAINER xx # 作者
COPY dist/ /usr/share/nginx/html/    # 将dist文件夹下面的内容拷贝到/usr/share/nginx/html/这个目录下
           

3.部署项目

npm run build （具体看自己package.json中的命令）
           

4.构建自己的镜像

进入dockerfile 同级目录

XXXX 是你要镜像名字 必须要有点 . 代表当前目录

5.构建自己的容器

docker run -d --name AAAAAAA -p 8080:80 XXXXX
           

AAAAAA 是你容器名字

XXXXX 是你镜像名字

-d 后台运行

8080你项目的端口

80 nginx的80映射（是将nginx的80映射到你服务器的8848端口）