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

相关推荐
草莓熊Lotso3 小时前
【Linux系统加餐】从原理到封装:基于建造者模式实现System V信号量工业级C++封装
android·linux·运维·服务器·网络·c++·建造者模式
广州灵眸科技有限公司10 小时前
瑞芯微(EASY EAI)RV1126B 核心板供电电路
linux·运维·服务器·单片机·嵌入式硬件·电脑
keyipatience10 小时前
18.Linux进程退出和进程等待机制详解
linux·运维·服务器
仙柒41510 小时前
控制平面组件和节点组件
运维·容器·kubernetes
wanhengidc11 小时前
私有云的作用都有哪些?
运维·服务器·网络·游戏·智能手机
花阴偷移11 小时前
Ubuntu 22.04版本下配置静态IP
linux·运维·服务器·tcp/ip·ubuntu
隔窗听雨眠12 小时前
doctype、charset、meta如何控制整个渲染流水线
java·服务器·前端
Niliuershangba12 小时前
Docker Desktop 部署 ChestnutCMS 全流程:从零搭建企业级 CMS 开发环境
运维·docker·容器
tedcloud12313 小时前
TradingAgents部署教程:打造AI量化分析工作流
服务器·前端·人工智能·系统架构·edge