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
相关推荐
栀栀栀栀栀栀19 分钟前
Docker 2025/2/24
运维·docker·容器
巴巴博一43 分钟前
vue-i18n国际化插件安装教程(Vue3篇)
前端·javascript·vue.js·typescript
Merlyn101 小时前
npm : 无法加载文件 E:\ProgramFiles\Nodejs\npm.ps1,因为在此系统上禁止运行脚本。
前端·npm·node.js
一个打工仔的笔记1 小时前
npm i 失败权限问题
前端·npm·node.js
heroboyluck1 小时前
rust 前端npm依赖工具rsup升级日志
前端·rust·npm
高hongyuan2 小时前
创建私人阿里云docker镜像仓库
阿里云·docker·云计算
咔咔库奇2 小时前
【react】进阶教程02
前端·react.js·前端框架
七灵微2 小时前
【前端】react大全一本通
前端·react.js·前端框架
初遇你时动了情2 小时前
react使用react-quill 富文本插件、加入handlers富文本不显示解决办法
前端·javascript·react.js