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
相关推荐
Web极客码1 小时前
WordPress 6.8有哪些新特性
前端·javascript·html
UXbot7 小时前
UI设计工具推荐合集
前端·人工智能·ui
敲敲了个代码7 小时前
如何优化批量图片上传?队列机制+分片处理+断点续传三连击!(附源码)
前端·javascript·学习·职场和发展·node.js
@AfeiyuO7 小时前
Vue 引入全局样式scss
前端·vue·scss
光影少年7 小时前
flex布局和grid布局区别,实现两边固定布局中间自适应
前端·css3·web·ai编程
全栈测试笔记8 小时前
异步函数与异步生成器
linux·服务器·前端·数据库·python
EndingCoder8 小时前
配置 tsconfig.json:高级选项
linux·前端·ubuntu·typescript·json
木风小助理8 小时前
JavaStreamAPI的性能审视,优雅语法背后的隐形成本与优化实践
java·前端·数据库
white-persist9 小时前
轻松抓包微信小程序:Proxifier+Burp Suite教程
前端·网络·安全·网络安全·微信小程序·小程序·notepad++
仗剑恬雅人9 小时前
LINUX数据库高频常用命令
linux·运维·服务器·数据库·ssh·运维开发