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

相关推荐
NPCZ4 小时前
vite与tailwindcss创建大屏可视化项目
vue
问简4 小时前
虚拟化对比
服务器
航Hang*4 小时前
Windows Server 配置与管理——第3章:文件系统管理
运维·服务器·windows·vmware
lifewange4 小时前
Linux ps 进程查看命令详解
linux·运维·服务器
功德+n5 小时前
Linux下安装与配置Docker完整详细步骤
linux·运维·服务器·开发语言·docker·centos
人工干智能5 小时前
科普:python中你写的模块找不到了——`ModuleNotFoundError`
服务器·python
wuxinyan1235 小时前
Java面试题47:一文深入了解Nginx
java·nginx·面试题
小敬爱吃饭5 小时前
Ragflow Docker部署及问题解决方案(界面为Welcome to nginx,ragflow上传文件失败,Docker中的ragflow-cpu-1一直重启)
人工智能·python·nginx·docker·语言模型·容器·数据挖掘
杨云龙UP5 小时前
从0到1快速学会Linux操作系统(基础),这一篇就够了!
linux·运维·服务器·学习·ubuntu·centos·ssh