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

修改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",