目录：
1、vue项目打包
在你的vue项目下执行npm run build命令进行打包。
2、通过ngixn发布vue的打包文件
直接将打包的dist文件拷贝到nginx目录下即可。
修改nginx.conf的配置文件的相关配置，如端口或者root dist。
运行的直接执行nginx的启动命令就可以启动项目了。
然后直接外网地址走80端口就直接能访问到vue的项目。
相关推荐
小小前端--可笑可笑38 分钟前
Vue / React 单页应用刷新 /login 无法访问问题分析小林敲代码77881 小时前
记一次 Vue 项目首屏优化：从 7.1s 到 0.9s，深挖 Gzip 的力量半兽先生4 小时前
告别 AI 乱写 Vue！用 vue-skills 构建前端智能编码标准前端达人5 小时前
都2026年了，还在用Options API？Vue组合式API才是你该掌握的“正确姿势“chao-Cyril6 小时前
从入门到进阶：前端开发的成长之路与实战感悟念念不忘 必有回响8 小时前
前端判断文本是否溢出：单行与多行场景的完整解析css趣多多8 小时前
vue3的组件间通信ref子组件需要把父组件要的ref数据开放我是伪码农8 小时前
Vue 2.10不想秃头的程序员9 小时前
父传子全解析：从基础到实战，新手也能零踩坑shadowingszy9 小时前
【前端趋势调查系列】带你看看前端生态圈的技术趋势state-of-js 2025详细解读