Docker Nginx 运行前端项目

  • 运行Nginx容器:

    docker run -itd --name nginx -p 80:80 nginx:latest

    --name是容器名称变量,nginx是创建容器的名称

  • copy 打包后的前端项目到容器的/usr/share/nginx目录下,拷贝后的目录一定要是:/usr/share/nginx/html否则无法运行

    docker cp D:..\dist\build\html nginx:/usr/share/nginx

  • 进入容器

    docker exec -it 容器名称/id bash

进入容器后运行:

复制代码
nginx -s reload

浏览器打开:http://localhost/#/访问应用

相关推荐
林太白9 分钟前
NestJS-角色模块
前端·javascript·nestjs
种豆走天下12 分钟前
VUE进阶案例
前端·javascript·vue.js
陈随易17 分钟前
盘点微信开发者工具V1和V2的区别
前端·后端·程序员
zengyuhan50319 分钟前
使用Rust 串口通信 及 MTP文件获取
前端·rust
小宋搬砖第一名21 分钟前
阿里云部署小白教程
前端
陈随易23 分钟前
ECharts v6.0发布,新布局,新主题,新功能
前端·后端·程序员
HHW24 分钟前
更快更强的 JavaScript 运行时:Bun 入门与实践指南
前端·javascript
好奇心笔记28 分钟前
现代Web开发最佳实践:2025年前沿技术与工程化指南
前端
小宁爱Python30 分钟前
Vue3 状态管理新选择:Pinia 从入门到实战
前端·javascript·vue.js
妙妙屋(zy)36 分钟前
基于Astro开发的Fuwari静态博客模版配置CICD流程
服务器·docker