Flutter - 接入踩坑

Flutter - 接入踩坑

最近在研究 Flutter ，根据官网的教程，创建了项目后，打开了 Android 模拟器，启动项目。App 安装成功后，报错如下：

E/DartVM  (20928): vm-service: Error: Unhandled exception:
E/DartVM  (20928): WebSocketException: Invalid WebSocket upgrade request
E/DartVM  (20928): 
E/flutter (20928): [ERROR:flutter/runtime/dart_isolate.cc(865)] Unhandled exception:
E/flutter (20928): WebSocketException: Invalid WebSocket upgrade request
Error connecting to the service protocol: failed to connect to http://127.0.0.1:49855/tUl8jpG1mhw=/

根据报错的上下文提示，我猜 Flutter 可能使用 WebSocket 协议来双向传输数据，之前在做 Java Web 的时候，学习过一点 WebSocket 协议， WebSocket 协议和 HTTP 协议一样，同属于应用层协议，它的 Scheme 是 ws 或者 wss ，而不应该是 http，更确切的说法是建立连接的时候使用 http 协议，之后服务器返回了 101 ，表示对协议升级，表示接下来的通信要使用 WebSocket 协议。这里出现了 http ，很明显建立连接阶段网络出问题了：

Error connecting to the service protocol: failed to connect to http://127.0.0.1:49855/tUl8jpG1mhw=/

因此猜测可能是 Mac 电脑代理问题，为了开发方便，我的电脑时刻开着代理，在 .bash_profile 中也配置了代理。

于是我关闭了代理，发现还是不行。网上搜索了一圈，原来只需要在 .bash_profile 中添加：

export NO_PROXY=localhost,127.0.0.1

修改之后，又使用了：

source ~/.bash_profile

重启了 IDE ，发现还是同样报错，前前后后折腾了快一个小时， Google 、StackOverflw、Github 找了一圈没找到答案。

于是重启了 Mac 电脑，问题解决…

---

延伸

周末，使用另外一台 Mac 电脑进行验证，发现在 .bash_profile 中添加了 NO_PROXY 之后，调用了 source ~/.bash_profile，确实没有效果，添加之后重启 Mac 电脑即可。