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
相关推荐
.生产的驴18 小时前
Vue3 超大字体font-slice按需分片加载,极速提升首屏速度, 中文分片加载方案,性能优化
前端·vue.js·windows·青少年编程·性能优化·vue·rescript
打瞌睡的朱尤18 小时前
CSS复习
前端·css
irpywp18 小时前
Boneyard:基于组件映射的骨架屏方案
前端·ui·github
276695829219 小时前
zp_stoken 算法风控分析
java·前端·javascript·python·web逆向·boss直聘·zp_stoken
妮妮喔妮19 小时前
组件的封装
开发语言·前端·javascript
cypking19 小时前
前端瓦片渲染解决方案(解决大量数据渲染卡顿问题)
前端
李子焱19 小时前
第三节:开发环境搭建与Trae IDE深度配置
前端·ide·python·node.js·trae ide
csdn_aspnet19 小时前
用Anaconda驯服AI开发流,从数据预处理到模型部署,全链路环境标准化实战
人工智能·docker·ai·conda·anaconda
m0_6948455719 小时前
RevelGo搭建教程:类Rails开发体验的Go Web框架
服务器·开发语言·后端·docker·golang·开源·github
王家视频教程图书馆19 小时前
electron 环境搭建
前端·javascript·electron