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

贝塔猫
  • 16

问题描述

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

第一次npm run serve的给出的地址
图片描述

重新npm run serve之后的地址
图片描述

回复
阅读 8.8k
11 个回答

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

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

楼主 解决了么 同问

tuhe32
  • 10

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

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

七戒
  • 1
新手上路,请多包涵

npm install portfinder@1.0.21 退回版本

小小
  • 2
新手上路,请多包涵

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

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

往事随风
  • 2
新手上路,请多包涵

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

如果是 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.

宣传栏