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