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
相关推荐
Trae1ounG2 分钟前
这是json
前端·javascript·vue.js
feasibility.5 分钟前
基于Qwen3-VL多模态嵌入/重排序模型+Dify(docker)工作流的电商图文检索系统
人工智能·docker·多模态·教育电商·dify·rag·智能体/工作流
Dxy12393102167 分钟前
Python 将 JSON 字符串转换为字典
前端·python·json
colicode18 分钟前
语音提醒接口开发方案:日程安排与待办事项自动电话提醒的集成思路
前端·前端框架·语音识别
爱上妖精的尾巴44 分钟前
8-8 WPS JS宏 正则表达式 字符组与任选
java·服务器·前端
liu****1 小时前
4.镜像仓库详解
c++·docker·云原生·容器·kubernetes·镜像\
山岚的运维笔记1 小时前
SQL Server笔记 -- 第34章:cross apply
服务器·前端·数据库·笔记·sql·microsoft·sqlserver
程序员阿明1 小时前
docker 搭建iotdb集群2版本的
docker·容器·iotdb
前端程序猿i1 小时前
第 8 篇:Markdown 渲染引擎 —— 从流式解析到安全输出
开发语言·前端·javascript·vue.js·安全
coding随想1 小时前
告别构建焦虑!用 Shoelace 打造零配置的现代 Web 应用
前端