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
相关推荐
wuhen_n12 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon12 小时前
理解vue中的ref
前端·javascript·vue.js
Wpa.wk13 小时前
容器编排 - 了解K8s(pod, deployment,service,lable等概念)
经验分享·测试工具·docker·云原生·容器·kubernetes
落霞的思绪14 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架
Hacker_Z&Q14 小时前
CSS 笔记2 (属性)
前端·css·笔记
Anastasiozzzz14 小时前
LeetCode Hot100 295. 数据流的中位数 MedianFinder
java·服务器·前端
Exquisite.15 小时前
Nginx
服务器·前端·nginx
打小就很皮...15 小时前
dnd-kit 实现表格拖拽排序
前端·react.js·表格拖拽·dnd-kit
Ulyanov15 小时前
从静态到沉浸:打造惊艳的Web技术发展历程3D时间轴
前端·javascript·html5·gui开发
打小就很皮...15 小时前
React 19 + Vite 6 + SWC 构建优化实践
前端·react.js·vite·swc