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目录在哪了
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)