Vue3 项目的默认端口行为

目录

[‌开发环境(npm run serve)‌:](#‌开发环境(npm run serve)‌:)

[‌生产环境(npm run build)‌:](#‌生产环境(npm run build)‌:)


‌**开发环境(npm run serve)**‌:
  • Vue CLI 3.x 及以上版本默认端口为 8080。如果 8080 被占用,会自动递增到 8081、8082 等。
  • 可通过修改 vue.config.js 中的 devServer.port 或在 package.jsonscripts 中指定端口(如 --port 8085)来更改。
‌**生产环境(npm run build)**‌:
  • 构建命令 npm run build 不会启动服务,因此没有端口概念。构建生成静态文件(如 dist 目录),需通过 HTTP 服务器(如 Nginx、Apache)部署,端口由服务器配置决定,确认服务器防火墙设置是否开通了nginx或apache中设置的端口(本人在此踩过坑,本地用的3000端口,申请生产服务器时,配置的3000,然而上线后访问网站首页,总提示503错误,后来运维查找原因,才告知服务器只开通了8080端口)。

总结:npm run build 本身无端口,端口由部署环境决定。开发环境默认端口为 8080,可通过配置文件修改。

相关推荐
dyj0957 小时前
Dify - (一)、本地部署Dify+聊天助手/Agent
人工智能·docker·容器
wanhengidc7 小时前
云手机 高振畅玩不踩坑
运维·服务器·安全·web安全·智能手机
QQ1__8115175157 小时前
Spring boot名城小区物业管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
钛态7 小时前
前端微前端架构:大项目的救命稻草还是自找麻烦?
前端·vue·react·web
IT枫斗者7 小时前
前端部署后如何判断“页面是不是最新”?一套可落地的版本检测方案(适配 Vite/Vue/React/任意 SPA)
前端·javascript·vue.js·react.js·架构·bug
有谁看见我的剑了?7 小时前
linux 添加硬盘后系统识别不到硬盘处理
linux·运维·服务器
钛态7 小时前
前端趋势:别被时代抛弃
前端·vue·react·web
偶尔上线经常挺尸7 小时前
《100个“反常识”经验15:Nginx 502排查:从应用到内核》
运维·nginx·性能调优·反向代理·502错误·http排错
yoyo_zzm8 小时前
Laravel9.x新特性全解析
数据库·mysql·nginx
難釋懷8 小时前
Vue混入
前端·javascript·vue.js