Flask-SocketIO部署遇到的问题

我的情况是服务端用Flask，前端用Vue.js。问题都出在Flask上。

CORS跨域问题

这个问题令我很不愉快，是因为写法的问题导致的。实际上我在实例化SocketIO时已经传入cors_allowed_origins的参数为*，但是最后的问题出在*要用单引号，不能用双引号。我觉得这可能是前后传参符号不一致导致的，应该不是必须要求写单引号。

# 错误的写法
socketio = SocketIO(app, cors_allowed_origins="*", async_mode='eventlet')
# 正确的写法
socketio = SocketIO(app, cors_allowed_origins='*', async_mode='eventlet')

400错误

这个需要配置Nginx，参考了一篇帖子，配置如下

location /
{
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}

其中第一行是告诉nginx使用HTTP/1.1通信协议，这是websoket必须要使用的协议。

第二行和第三行告诉nginx，当它想要使用WebSocket时，响应http升级请求。

最后发现400仍然存在，在Vue.js上取消轮询polling，只留websocket，完美

Websocket没有请求头

在请求头里的JWT信息就失效了，国外资料是推荐把token放在query里。服务端接收到token解码。

# 我的token格式是Bearer+空格+token，所以把token分割出来
data = decode_token(encoded_token=YourToken.split(' ', 1)[1])
# 用户id就包含在解码的数据里面
uid = data['identity']['uid']

用户id就包含在解码的数据里面，具体可以了解一个JWT的原理，JWT的格式是头部.负载.签名（header+payload+signature），负载是可以存储信息的，uid就在里头。

数据返回慢

这个是不认真看文档的后果，gunicorn启动时，官方推荐worker_class用eventlet。

POST方法接收不到数据

报错信息如下

TypeError: wrap_socket() got an unexpected keyword argument '_context'

这个是eventlet的锅，Python3.7版本就会有这个bug。但是Flask-SocketIO推荐用eventlet。中文圈的资料都是说换个参数，换个什么参数也没说明白。国外的资料说把Python改成3.6或者3.8就行。

参考资料：

1. 400错误解决方法
2. 400错误官方issue
3. 400错误原理解释
4. eventlet在Python3.7上的Bug