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

问题描述

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

第一次npm run serve的给出的地址
【Vue】vue-cli3新建项目之后运行,端口号不是8080而是一个五位数?

重新npm run serve之后的地址
【Vue】vue-cli3新建项目之后运行,端口号不是8080而是一个五位数?

回答

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

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

楼主 解决了么 同问

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

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

那一楼的老兄的回答有用,npm install [email protected] 运行一下

npm install [email protected] 退回版本

npm install [email protected] 回退版本,我也解决了

npm install [email protected] 回退版本 已解决

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

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

以上是 【Vue】vue-cli3新建项目之后运行,端口号不是8080而是一个五位数? 的全部内容, 来源链接: utcz.com/a/74893.html

回到顶部