启动Antd design pro + Umi 的项目，访问项目遇到Umi UI 连接失败的问题~

前言

启动Antd design pro + Umi 的项目，访问项目遇到 Umi UI 连接失败的问题，经反复研究后，找出问题所在，在这里记录一下，防止以后忘记了。

调试一：

1. 点击 以下按钮

2. Umi UI显示如下
   

3. console中显示
   

根据console显示的错误定位

webpack:///./node_modules/_sockjs-client@1.3.0@sockjs-client/lib/transport/browser/abstract-xhr.js

修改如下：
将 self.xhr.send(payload) 改为 self.xhr.status==200 && self.xhr.send(payload) 可以消掉 第一个错误提示，如下：

修改后，启动项目，以下提示消失

但是此时，Umi UI 依然是连接失败，没从根本解决问题。

调试二：

根据Umi UI 依然是连接失败提示不允许非本地IP访问，而且在启动项目的时候，默认的访问方式如下：

实际上，用 Local 的方式打开，不会发生这个记录的问题；而用 NetWork 访问会出现这个问题

所以我们可以将Local及NetWork 设置成同一个。

设置方法如下：

在项目的根目录下，新增一个文件.env ，设置参数如下：

HOST=192.168.8.79
PORT=8000
BROWSER=none

重新yarn start 项目

访问项目，问题得到解决

注意：

HOST 如果设置成为0.0.0.0，启动项目后，项目顶部会出现橙色的提示条，如下：

且还会出现Umi UI 连接失败的问题。