ant design pro修改默认端口号 Windows系统下或者Mac系统下的ant design pro修改默认端口号 改变较高版本的ant design pro默认打开的端口号

导读:本篇文章讲解 ant design pro修改默认端口号 Windows系统下或者Mac系统下的ant design pro修改默认端口号 改变较高版本的ant design pro默认打开的端口号,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

修改ant design pro默认的端口号,在Windows系统下和在Mac系统下是不同的。

如果--port=1234无法解决你的问题,可以继续往下看,采用新的方式解决你的问题。

问题

今天启动ant design pro项目时,发现其打开的端口号是8000,如下图所示:

在这里插入图片描述
8000端口号和我后端的spring boot项目冲突。

于是,需要修改ant design Pro 默认的端口号,将端口号修改为1234

分析问题

想要修改ant design pro默认的端口号,就要知道端口号的配置在哪里?

端口号一般在配置文件中,ant design pro的配置文件是package.json

于是,打开package.json文件,找到scripts -> start字段,如下图所示:

在这里插入图片描述

修改"start": "cross-env UMI_ENV=dev max dev",为如下所示:

 "start": "cross-env UMI_ENV=dev max dev --port=1234",

执行指令npm run start重新启动,如下图所示:

在这里插入图片描述

从上图可以看到,虽然输出了cross-env UMI_ENV=dev max dev --port=1234这个配置信息,但端口号依旧是8000,也就是说,端口号并没有修改过来。

出现这种情况的原因是,我使用的是较高版本的ant design pro

解决问题

window系统下的问题解决

我们并不能使用--port=1234的方式来修改默认的端口号,而是使用如下方式来修改:

"start": "set PORT=1234 && max dev",

在这里插入图片描述

Mac系统下的问题解决

如果你的电脑是Mac系统,可以采用如下方式解决:

"start": "PORT=1234 && max dev",

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/99181.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!