目录：
1、vue项目打包
在你的vue项目下执行npm run build命令进行打包。
2、通过ngixn发布vue的打包文件
直接将打包的dist文件拷贝到nginx目录下即可。
修改nginx.conf的配置文件的相关配置，如端口或者root dist。
运行的直接执行nginx的启动命令就可以启动项目了。
然后直接外网地址走80端口就直接能访问到vue的项目。
相关推荐
Database_Cool_12 小时前
在 RDS PostgreSQL 中实现 RaBitQ 量化用户66885998476612 小时前
Vue 3.0安装与使用前端之虎陈随易15 小时前
2年没用Nodejs了，Bun很香前端 贾公子20 小时前
解决浏览器端 globalThis is not defined 报错倔强的猴子（翻版）21 小时前
我用 Python 写了个排序库，一亿数据量下比 C 级 np.sort() 快 7 倍JianZhen✓1 天前
2026前端高频面试题总结（Vue/JS/网络/Webpack/性能优化/手写）贫民窟的勇敢爷们1 天前
Spring Boot+Vue电商系统开发实战：架构设计与核心实现李白的天不白1 天前
webpack 与 vue-loader 版本冲突问题LemonSmile_1 天前
CC Switch 配置 Claude Code 接入 阿里云百炼你真的快乐吗2 天前
@fuxishi/svg-icon：一个 Vue 3 svg本地图标+iconify图标组件库，让图标管理不再头疼