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
相关推荐
菩提小狗8 分钟前
第3天:基础入门-抓包&封包&协议&APP&小程序&PC应用&WEB应用|小迪安全笔记|网络安全|
前端·安全·小程序
zybsjn9 分钟前
【实战】如何在docker中访问宿主主机的api服务
docker
雨飞飞雨11 分钟前
深度学习响应式系统
前端·vue.js·前端框架
大布布将军14 分钟前
⚡后端安全基石:JWT 原理与身份验证实战
前端·javascript·学习·程序人生·安全·node.js·aigc
岳来16 分钟前
docker 容器的标准输入输出
docker·stdin·stdout
ybc465216 分钟前
React、Next安全漏洞问题修复和自测
前端·安全·next.js
huali17 分钟前
社区划分:让AI理解你的代码重构意图
前端·javascript·vue.js
掘金安东尼18 分钟前
⏰前端周刊第446期(2025年12月22日–12月27日)
前端
不老刘25 分钟前
前端面试八股文:单线程的JavaScript是如何实现异步的
前端·javascript·面试