目录：
1、vue项目打包
在你的vue项目下执行npm run build命令进行打包。
2、通过ngixn发布vue的打包文件
直接将打包的dist文件拷贝到nginx目录下即可。
修改nginx.conf的配置文件的相关配置，如端口或者root dist。
运行的直接执行nginx的启动命令就可以启动项目了。
然后直接外网地址走80端口就直接能访问到vue的项目。
相关推荐
Momo__2 小时前
Vite 8.1 打包开发模式——10000 组件冷启动 15 倍，"No Bundle Dev" 七年后被自己终结HUMHSX4 小时前
Vue 组件通信核心知识点梳理妙码生花4 小时前
从 PHP 到 AI + Golang，程序员自救转型手记（二十六）：icon 组件封装李明卫杭州4 小时前
Vue2 & Vue3 中 Router `props` 配置详解：彻底摆脱 `$route` 依赖熊猫钓鱼>_>4 小时前
2026 前端的三场底层革命：当 Vue、React Native 和 Three.js 同时去掉中间层自己记录_理解更深刻5 小时前
Computed 聚合依赖+ 竞态处理使用小功能大师6 小时前
从零到一：使用阿里云百炼搭建企业级 AI Agent 完全实战手册（2026超详细版）李明卫杭州7 小时前
Vue3 Suspense 组件详解：从入门到避坑指南Database_Cool_8 小时前
阿里云 RDS 弹性扩容：业务无感升降配实践指南gis开发之家10 小时前
vue3组合式函数（Composables）的艺术——将业务逻辑从UI组件中连根拔起