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
相关推荐
晨枫阳3 分钟前
Vue 前端构建工具链完全理解指南
前端·javascript·vue.js
言乐64 分钟前
Python关于老游复刻与创新2
前端·javascript·css·python·css3
ly76894 分钟前
前端测试完整指南:从单元测试、组件测试到端到端测试与 CI/CD
前端·ci/cd·单元测试
青 春 记 忆8 小时前
Dify Docker Compose 通用无损升级指南:从备份、双版本预演到切换与回滚
运维·人工智能·python·docker·容器
钛态9 小时前
Vite 中的 CSS 工程化:从 CSS Modules 到 UnoCSS 的渐进式迁移
前端·vue·react·web
Java王小怪10 小时前
Docker环境Redis没挂载保存数据
运维·docker·容器
Csvn11 小时前
原型链、this 与闭包内存:三座深水区一次打通(含内存泄漏排查实战)
前端·javascript
葡萄城技术团队11 小时前
如何通过 JSON 数据源 / Web API 快速构建轻量级报表(Report)?
前端·json·原型模式
浪兎兎11 小时前
【Java Web】Servlet + JSP 笔记
java·前端·servlet
灰阳阳11 小时前
Docker-数据卷命令解析
java·docker·eureka