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
相关推荐
想学后端的前端工程师4 分钟前
【前端安全防护实战指南:从XSS到CSRF全面防御】
前端·安全·xss
czlczl200209259 分钟前
基于 Spring Boot 权限管理 RBAC 模型
前端·javascript·spring boot
未来之窗软件服务10 分钟前
幽冥大陆(六十七) PHP5.x SSL 文字加密—东方仙盟古法结界
服务器·前端·ssl·仙盟创梦ide·东方仙盟
深盾科技10 分钟前
Docker 常用命令速查表
运维·docker·容器
赵思空11 分钟前
window docker 安装 mysql 数据库,及不能连接问题
数据库·mysql·docker
小北方城市网20 分钟前
第 10 课:Node.js 后端企业级进阶 —— 任务管理系统后端优化与功能增强(续)
大数据·前端·vue.js·ai·性能优化·node.js
华仔啊21 分钟前
JavaScript 有哪些数据类型?它们在内存里是怎么存的?
前端·javascript
我有一棵树25 分钟前
淘宝 npm 镜像与 CDN 加速链路解析:不只是 Registry,更是分层静态加速架构
前端·架构·npm
zhousenshan26 分钟前
vue3基础知识100问
前端·vue.js
异界蜉蝣28 分钟前
Proxy vs Object.defineProperty:Vue3响应式原理的深度革命
开发语言·前端·javascript