目录：
1、vue项目打包
在你的vue项目下执行npm run build命令进行打包。
2、通过ngixn发布vue的打包文件
直接将打包的dist文件拷贝到nginx目录下即可。
修改nginx.conf的配置文件的相关配置，如端口或者root dist。
运行的直接执行nginx的启动命令就可以启动项目了。
然后直接外网地址走80端口就直接能访问到vue的项目。
相关推荐
莫物10 小时前
vue过滤表格数据导致的索引错乱问题Можно11 小时前
Vue 组件样式隔离完全指南：从原理到实战英俊潇洒美少年11 小时前
Vue3 完整渲染流程（从 createApp → mount → update → unmount）前端Hardy11 小时前
Pinia 比 Vuex 好用 10 倍？Vue3 状态管理终于不折磨人了！（新手复制即用）前端Hardy12 小时前
Vue3 的 v-model 双向绑定，90% 的人都用错了？（附 2026 最新避坑指南）前端Hardy12 小时前
救命！Vue3 的 Composition API，居然能让我少写 80% 冗余代码？（新手也能直接抄）王霸天12 小时前
🚨 还在用 rem) 做大屏适配？用 vfit.js 一键搞定，告别改稿8版的噩梦！天草二十六_简村人13 小时前
阿里云SLS采集jvm日志（上）Mr Xu_13 小时前
Vue3 + Leaflet实战：深入解析MarkerCluster点位聚合插件的使用与优化