本地项目使用nginx转发端口后,ant-design-pro项目不停刷新,无法正常进入

问题描述:项目原来是运行在8000端口下,现在我想把它代理到8001端口,发现页面不停地刷新,并且控制台报错如下图所示

问题原因

经查询我在UmiJS官网找到了问题的答案带静态资源到本地后,一直restart刷新页面,问题的关键在用于代码热更新的MFUS服务无法访问,该服务是一个websocket链接,因为代理后它所走的链接不正确,所以会一直重连而导致页面不断刷新。

解决办法

在项目的根目录也就是src同级目录创建一个.env.local文件,用于控制开发时的环境变量,该文件最好放入.gitignore里面,在文件添加如下内容:

SOCKET_SERVER=http://127.0.0.1:8001/

即指定一个和开发服务器地址相同的SOCKET_SERVER环境变量。