个人状况是服务端用Flask,前端用Vue.js。问题都出在Flask上。前端
这个问题令我很不愉快,是由于写法的问题致使的。实际上我在实例化SocketIO时已经传入cors_allowed_origins的参数为*,可是最后的问题出在*要用单引号,不能用双引号。我以为这多是先后传参符号不一致致使的,应该不是必需要求写单引号。nginx
# 错误的写法 socketio = SocketIO(app, cors_allowed_origins="*", async_mode='eventlet') # 正确的写法 socketio = SocketIO(app, cors_allowed_origins='*', async_mode='eventlet')
这个须要配置Nginx,参考了一篇帖子,配置以下git
location / { proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; }
其中第一行是告诉nginx使用HTTP/1.1通讯协议,这是websoket必需要使用的协议。github
第二行和第三行告诉nginx,当它想要使用WebSocket时,响应http升级请求。web
最后发现400仍然存在,在Vue.js上取消轮询polling,只留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就在里头。websocket
这个是不认真看文档的后果,gunicorn启动时,官方推荐worker_class用eventlet。app
报错信息以下cors
TypeError: wrap_socket() got an unexpected keyword argument '_context'
这个是eventlet的锅,Python3.7版本就会有这个bug。可是Flask-SocketIO推荐用eventlet。中文圈的资料都是说换个参数,换个什么参数也没说明白。国外的资料说把Python改为3.6或者3.8就行。socket