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
相关推荐
vpk11210 小时前
【无标题】
运维·elasticsearch·docker
wulijuan88866610 小时前
ECharts图表性能优化的那些事
前端·javascript·echarts
❀͜͡傀儡师11 小时前
通过npm 手动安装、Docker 部署 OpenClaw小龙虾
前端·docker·npm
前端AI充电站11 小时前
Google 开始卷价格了:Gemini 3.1 Flash-Lite,会不会把 AI 应用成本真的打下来?
前端·人工智能
风止何安啊11 小时前
数字太长看花眼?一招教它排好队:千分位处理的实现
前端·javascript·面试
沙包大的拳头11 小时前
扩展运算符无法克隆 getBoundingClientRect() 获取的值
前端·javascript
忆江南11 小时前
# Flutter 语音房礼物下载方案(完整版)
前端
悟空瞎说11 小时前
React 19 带来了诸多创新
前端·react.js
im_AMBER11 小时前
高并发下的列表乱序与文档同步
前端·react.js·架构