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,可通过配置文件修改。

相关推荐
pixcarp19 小时前
知识库系统的内容资产闭环怎么设计
服务器·数据库·后端·golang
学Linux的语莫21 小时前
Vue 3 入门教程
前端·javascript·vue.js
莫名的好感°1 天前
手机RAR解压怎么选?2026年二季度四款产品问答
服务器·网络·智能手机
皮皮蟹虾饺1 天前
DNS协议指南:从报文格式到安全加密与 K8s 实战
安全·容器·kubernetes
qq4356947011 天前
Vue04
前端·vue.js
Cinema KI1 天前
Linux第一个系统程序-进度条
linux·服务器
千寻girling1 天前
记录第一次学习 Docker
学习·docker·容器
这里是杨杨吖1 天前
SpringBoot+Vue高校在线考试系统 附带详细运行指导视频
vue·在线考试·springboot
迷糊小面包1 天前
Docker Hadopp集群版部署搭建及常规问题解疑
运维·docker·容器
茉莉玫瑰花茶1 天前
综合案例 - AI 智能租房助手 [ 5 ]
服务器·数据库·人工智能·python·ai