H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

问题描述

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

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

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

回答:

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 portfinder@1.0.21 运行一下

回答:

npm install portfinder@1.0.21 退回版本

回答:

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

回答:

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

回答:

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

回答:

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

本文地址:H5W3 » vue-cli3新建项目之后运行,端口号不是8080而是一个五位数?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址