如何将Javascript客户端连接到Python-SocketIO服务器?

时间:2020-04-11 08:57:36

标签: javascript python django socket.io

我刚刚开始使用Python-SocketIO,我创建了一个示例服务器,它看起来像这样:

import eventlet
import socketio

sio = socketio.Server()

app = socketio.WSGIApp(sio, static_files={
    '/': {'content_type': 'text/html', 'filename': 'index.html'}
})

@sio.on('connect')
def connect(sid, environ):
    print('connect ', sid)

@sio.on('msg')
def message(sid, data):
    print('message ', data)

@sio.on('disconnect')
def disconnect(sid):
    print('disconnect ', sid)

if __name__ == '__main__':
    eventlet.wsgi.server(eventlet.listen(('', 5000)), app)

然后,我有一个在Django应用程序上运行的 HTML 文件,我想将该客户端连接到我的Python-SocketIO服务器:

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
<script>

socket = io.connect('');

socket.on('connect',function() {
  console.log('Client has connected to the server!');
});

socket.on('msg',function(data) {
  console.log('Received a message from the server!',data);
});

socket.on('disconnect',function() {
  console.log('The client has disconnected!');
});

// Sends a message to the server via sockets
function send(message) {
  socket.send('msg',message);
};

</script>

问题是,在我的客户端,我不断收到以下错误:

Access to XMLHttpRequest at 'http://localhost:5000/socket.io/?EIO=3&transport=polling&t=N5eSEa2' from origin 'http://127.0.0.1:8000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
localhost:5000/socket.io/?EIO=3&transport=polling&t=N5eSEa2:1 Failed to load resource: net::ERR_FAILED

我的Django服务器正在运行on http://127.0.0.1:8000/。谁能帮我找出我在做错什么?

1 个答案:

答案 0 :(得分:1)

在服务器上设置CORS标头:

sio = socketio.Server(cors_allowed_origins='*')

Source