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
相关推荐
A5rZ18 分钟前
缓存投毒进阶 -- justctf 2025 Busy Traffic
前端·javascript·缓存
MANONGMN38 分钟前
【走进Docker的世界】Docker的发展历程
运维·docker·容器
未来之窗软件服务1 小时前
浏览器CEFSharp133+X86+win7 之多页面展示(三)
前端·javascript·浏览器开发·东方仙盟
胡斌附体1 小时前
elementui cascader 远程加载请求使用 选择单项等
前端·javascript·elementui·cascader·可独立选中单节点
烛阴1 小时前
Vector Normaliztion -- 向量归一化
前端·webgl
追梦人物3 小时前
Uniswap 手续费和协议费机制剖析
前端·后端·区块链
拾光拾趣录4 小时前
基础 | 🔥6种声明方式全解⚠️
前端·面试
MANONGMN5 小时前
【走进Docker的世界】深入理解Docker网络:从模式选择到实战配置
网络·docker
朱程5 小时前
AI 编程时代手工匠人代码打造 React 项目实战(四):使用路由参数 & mock 接口数据
前端
PineappleCoder5 小时前
深入浅出React状态提升:告别组件间的"鸡同鸭讲"!
前端·react.js