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
相关推荐
啃火龙果的兔子1 天前
地图gis开发前置工作
前端
明月_清风1 天前
IndexedDB 增量更新:实现精准的字段级“补丁”
前端·indexeddb
zheshiyangyang1 天前
前端面试基础知识整理【Day-10】
前端·面试·职场和发展
明月_清风1 天前
浏览器里的 SSD:IndexedDB 极简封装实战
前端·indexeddb
谢尔登1 天前
深入React19任务调度器Scheduler
开发语言·前端·javascript
兴趣使然黄小黄1 天前
【Docker】Docker架构详解:核心组件及其应用指南
docker·容器·架构
长城20241 天前
HTML5中表单的pattern属性解析
前端·正则表达式·html·html5·pattern·pattern属性·pattern正则表达式
阿珊和她的猫1 天前
深入解析如何监听浏览器的页面关闭事件
前端·javascript·vue.js
henry1010101 天前
DeepSeek生成的HTML5小游戏 -- 黑8台球
前端·javascript·css·游戏·html
luod1 天前
Docker 快速安装Jenkins
java·docker·jenkins