【已解决】指定端口号不起作用
发布于 3 年前 作者 chaoren 1450 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

问题

碰到一个奇怪的问题,全新搭建的环境
无论是在vue.config.js中还是cli ui中指定开发环境的端口号
当我使用命npm run serve或者使用 vue ui 启动服务后端口号都是随机给的而并非我指定的那个端口号
有遇到此问题的朋友请问能否分享一下解决方法,谢谢

解决办法

  1. 降级portfinder **\(推荐\)**
    
    npm install portfinder@1.0.21
    
  2. 修改文件 **node\_modules\@vue\\cli-service\\lib\\commands\\serve.js** 约第80-81行
    
    portfinder.basePort = args.port || process.env.PORT || projectDevServerOptions.port || defaults.port
    const port = await portfinder.getPortPromise()
    

将上面的代码修改为

    const port = args.port || process.env.PORT || projectDevServerOptions.port || defaults.port

以下为原问题讨论的内容

环境如下:
os windows 10
node v10.16.0
npm v6.9.0

以下是我vue.config.js的配置

使用命令启动结果如下
image

使用vueui启动结果如下

回到顶部