dockerfile部署前端vue打包的dist文件实战

背景:一般前端开发后会将打包后的dist文件交由我们部署,部署的方式有很多,这里提供一种思路

在服务器的路径下新建一个目录,在目录中新建Dockerfile,编辑这个文件

java 复制代码
FROM nginx

COPY ./dist  /home/front
COPY nginx.conf /etc/nginx/nginx.conf

执行(注意后面有一个空格和英文的句号)

bash 复制代码
docker build -t image_name:version .

运行镜像生成容器

bash 复制代码
docker run -id --name contain_name -p server_port:contain_port  --restart always image_name:version
相关推荐
ezreal_pan20 分钟前
Kafka Docker 部署持久化避坑指南:解决重启后 Cluster ID 不匹配问题
分布式·docker·zookeeper·容器·kafka·devops
清汤饺子28 分钟前
【译】我的 AI 进阶之路:从怀疑到深度整合
前端·javascript·后端
@菜菜_达36 分钟前
Vue生命周期
前端·javascript·vue.js
每天吃饭的羊38 分钟前
UMD和IIfe
开发语言·前端·javascript
趙卋傑1 小时前
安装Docker
docker·容器
前端那点事1 小时前
Vue线上代码调试全攻略(安全无侵入,新手也能上手)
前端·vue.js
前端那点事1 小时前
Vue批量文件上传并发踩坑指南:3步解决阻塞、限流、进度混乱
前端·面试
桔筐1 小时前
Vue3 v-model 双向绑定导致循环触发的坑
前端·javascript·vue.js
Alice-YUE2 小时前
前端图片优化完全指南:从格式到加载的全面提速方案
前端·笔记·学习
fen_fen2 小时前
下载Chrome浏览器对应的Driver
前端·chrome