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/#/访问应用

相关推荐
阿娟蛋3 分钟前
Pinia vs Vuex深度探索:状态管理的进阶之道
前端·源码·vuex
JiangJiang3 分钟前
🚀 Vue 开发者看过来!一文吃透 React 的 useState
前端·react.js·面试
wordbaby4 分钟前
Axios 封装:实现 503 自动重试与 Retry-After 支持
前端
嘴巴嘟嘟4 分钟前
Vue 大文件分片上传组件实现解析
前端·javascript·vue.js
独行soc12 分钟前
2025年常见渗透测试面试题- 常见中间件(题目+回答)
前端·python·安全·中间件·面试·xss·红蓝攻防
程序猿chen12 分钟前
Vue.js组件安全开发实战:从架构设计到攻防对抗
前端·vue.js·安全·面试·前端框架·跳槽·安全架构
zooKevin19 分钟前
浅谈前端开发中的 npm、cnpm、pnpm、yarn各自特点
前端·npm·node.js
小鱼计算机25 分钟前
【2】安装Nodejs-Nodejs开发入门
前端·javascript·node.js
爱编程的鱼34 分钟前
Joomla 常用模块 - 在线用户与Joomla 常用模块 - 自定义HTML模块
前端·css·html·joomla