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
相关推荐
星辰徐哥7 小时前
表单优化:AI驱动HTML5表单的智能验证与提示功能
前端·人工智能·html5
普通网友7 小时前
HTML5新增了哪些重要标签?多多学习也是成长的一部分
前端·学习·html5
2501_906467637 小时前
html5网页中如何实现内网大文件的加密下载?
前端·html·html5·vue上传解决方案·vue断点续传·vue分片上传下载·vue分块上传下载
何何____7 小时前
css变换语法介绍及案例展示
前端·css
炸炸鱼.7 小时前
容器技术入门与 Docker 环境部署
docker
宁静@星空7 小时前
007-Docker构建 jar 包成镜像
docker·容器·jar
冴羽yayujs7 小时前
GitHub 前端热榜项目 - 日榜(2026-05-07)
前端·github
深蓝海拓7 小时前
用HSL颜色系统改造qdarkstyle样式表库
前端·笔记·python·qt·学习
wuxia21188 小时前
Web全栈开发案例教程(AI辅助版)
前端
MonkeyKing71558 小时前
Flutter Riverpod 2.x 设计思想与最佳实践
前端·flutter