vue项目打包部署在docker上的nginx上

1.在终端运行npm run bulid

后面在这个文件中会出现一个dist文件这个就是打包好的文件了

dist文件里面的index.html就是最初的html文件了

在docker运行一个nginx容器，html是前端页面文件，conf 是nginx.conf的配置(们)

docker run --name nginx -p 80:80 -v html:/usr/share/nginx/html -v log:/var/log/nginx -v conf:/etc/nginx nginx

然后将打包好的dist放到html文件下

修改nginx.conf文件

root改成dist目录，index改成要运行的html文件

注意dist目录是虚拟机的目录，不是数据卷的目录

查看虚拟机目录进入docker容器

docker exec -it 容器名 bash

后输入whereis nginx进入/usr/share/nginx就可以看dish目录在哪了