目录
[开发环境(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,可通过配置文件修改。