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

相关推荐
追风林33 分钟前
idea支持本地 的 服务器 远程debug
java·服务器·intellij-idea
yuuki2332331 小时前
【Linux】开发工具链全解析:从 apt 到 gdb
linux·运维·服务器
蓝队云计算1 小时前
蓝队云揭秘:如何利用云服务器高效养殖龙虾OpenClaw?
运维·服务器·人工智能·云服务器·openclaw
ZTLJQ1 小时前
驾驭高并发:Python协程与 async/await 完全解析
服务器·数据库·python
浪游东戴河2 小时前
网线简介及分类
运维·服务器·网络
不知名。。。。。。。。2 小时前
仿muduo库实现高并发---请求HttpRequest模块 响应HttpResponse模块
服务器·c++
薛定谔的悦2 小时前
嵌入式 OTA(远程固件升级)(二)
服务器·数据库·能源·储能·ota
xuankuxiaoyao3 小时前
VUE.JS 实践 第二章
前端·javascript·vue.js
毕设源码-赖学姐3 小时前
【开题答辩全过程】以 基于Vue的电商管理平台为例,包含答辩的问题和答案
前端·javascript·vue.js
Wayward and pinnacle3 小时前
二次封装多选框组件
前端·javascript·vue.js