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
相关推荐
竹林8185 分钟前
wagmi v2 多链钱包切换:一个 Uniswap 仿盘项目让我踩了三天坑
前端·javascript
donecoding13 分钟前
Playwright MCP 页面捕获:Snapshot、截图、HTML 到底选哪个?
前端·ai编程·前端工程化
滕青山15 分钟前
在线PDF拆分工具核心JS实现
前端·javascript·vue.js
Smilezyl16 分钟前
一个独立开发者,靠一份 markdown 驱动 Claude Code, 用 20 天跑通 9 个包的 monorepo 工程
前端·人工智能·github
SCBAiotAigc22 分钟前
2026.5.1:`DockerDesktop must be owned by an elevated account`错误的解决办法
人工智能·docker·具身智能
技术崽崽25 分钟前
不止有 Agent:Cursor 进阶使用技巧全解析
前端
风骏时光牛马29 分钟前
Pascal基础语法与控制台编程实战案例详解
前端
TeamDev35 分钟前
JxBrowser 9.0.0 版本发布啦!
java·前端·混合应用·jxbrowser·浏览器控件·跨平台渲染·原声输入
Daybreak2 小时前
Mobile 端 AI 请求真机调试:从"线上没日志"到四层问题定位
前端
Wect2 小时前
LeetCode 97. 交错字符串:动态规划详解
前端·算法·typescript