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
相关推荐
Cache技术分享16 小时前
369. Java IO API - DOS 文件属性
前端·后端
慧一居士16 小时前
Nuxt4 项目的约定配置都有哪些,哪些可以自动实现, 详细示例和使用说明
前端·vue.js
芯智工坊16 小时前
每周一个开源项目 #4:ChatGPT-Next-Web 增强版
前端·chatgpt·开源
左右用AI16 小时前
每周1亿次下载的axios被投毒了,但是源码里没有一行恶意代码!
前端·后端
Lethehong16 小时前
从零搭建 BettaFish:打造自己的多 Agent 舆情分析系统
人工智能·docker·开源·蓝耘元生代·蓝耘maas
英俊潇洒美少年16 小时前
前端模块化 AMD、CMD、CommonJS、ESM的差异对比
前端
攀登的牵牛花16 小时前
Claude Code 泄露事件复盘:前端发布流程哪里最容易翻车
前端·github·claude
D_C_tyu16 小时前
vue3 + vue3-print-nb 插件实现打印功能
前端·javascript·vue.js
paul_chen2116 小时前
Vite + Vue SPA 在子路径部署(内外网访问+Nginx 反向代理)
前端·vue.js·nginx
星如雨グッ!(๑•̀ㅂ•́)و✧16 小时前
Reactor背压
java·服务器·前端