vue-cli3新建项目之后运行，端口号不是8080而是一个五位数？

Question

问题描述

使用vue-cli3新建一个项目，直接npm run serve, 给出的地址理论上应当是http://localhost:8080/，而实际上是一个类似http://localhost:16150/的地址，即端口号是一个五位数。且每次npm run serve之后，给出的端口号都不一样。卸载重装vue-cli之后都没有区别？

第一次npm run serve的给出的地址

重新npm run serve之后的地址

Answer 1

3.10.0版本有问题，回退老的版本就行了

Answer 2

这个有啥影响吗?可能你的端口被占用了,或者你自定义一个端口,vue.config里面定义下

Answer 3

楼主 解决了么 同问

Answer 4

同样遇到了，这两天才出现这种情况，portfinder1.0.22版本导致vue-cli-service serve启动后，服务端口变成了随机端口的问题
看看这个：https://github.com/vuejs/vue-...
--port 也没有用：https://github.com/vuejs/vue-...

Answer 5

有啥问题嘛？变就变了呗， 你是在想8080 就加--port 8080呗

Answer 6

那一楼的老兄的回答有用，npm install portfinder@1.0.21 运行一下

Answer 7

npm install portfinder@1.0.21 退回版本

Answer 8

npm install portfinder@1.0.21 回退版本，我也解决了

Answer 9

npm install portfinder@1.0.21 回退版本 已解决

Answer 10

我运行了，还是解决不了啊，是不是要把依赖包给删了，才可以？

Answer 11

如果是 mac 平台（或者类 linux），启动命令为

$ PORT=8080 npm run serve

如果是 windows 平台，启动命令为

$ SET PORT=8080 && npm run serve

如果是随便什么平台，那么启动命令为

$ npx crossenv PORT=8080 npm run serve

或者如果还是嫌好麻烦，那么可以在项目的根目录下，新建一个 .env文件，里面放在这样一段话，

PORT=8080

并且，这样启动 npm run serve.