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.json 的 scripts 中指定端口(如 --port 8085)来更改。
‌**生产环境(npm run build)**‌:
  • 构建命令 npm run build 不会启动服务,因此没有端口概念。构建生成静态文件(如 dist 目录),需通过 HTTP 服务器(如 Nginx、Apache)部署,端口由服务器配置决定,确认服务器防火墙设置是否开通了nginx或apache中设置的端口(本人在此踩过坑,本地用的3000端口,申请生产服务器时,配置的3000,然而上线后访问网站首页,总提示503错误,后来运维查找原因,才告知服务器只开通了8080端口)。

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

相关推荐
云川之下9 分钟前
[ensp] 交换机入门配置例子(带vlan)
运维·服务器·网络
ShineWinsu1 小时前
对于Qt:QLCDNumber常见属性以及QTimer的解析
服务器·数据库·c++·qt·gui·qtimer·qlcdnumber
SEO-狼术1 小时前
Aspose.Email for .NET 26 Crack
运维·服务器
jktantan10 小时前
Vue keep-alive 切标签后滚动位置回顶?因为 onDeactivated 里读到的 scrollTop 是 0
前端·javascript·vue.js
无足鸟ICT10 小时前
【RHCA+】vmstat命令(监控系统资源)
linux·服务器
垆边人似月.10 小时前
RDMA 文件传输踩坑(五):READY 发送成功后,为什么出现 Work Request Flushed Error?
服务器·网络·tcp/ip
闪亮的路灯10 小时前
Linux 安装mqtt服务mosquitto
linux·运维·服务器
HideF10 小时前
nmcli
linux·服务器·网络
qetfw11 小时前
UOS DHCP Relay:跨网段分配与 IP、DNS、网关验证
linux·服务器·网络·tcp/ip·uos
明航咨询-陈老师12 小时前
ITSS运行维护服务能力成熟度认证技术纵深:标准模型、等级路径、2026审核趋势与CS/CMMI对比
服务器·数据库·cmmi