我是web开发新手,所以让我解释一下:
我想我的蟒蛇龙卷风服务器与网页通信。我的网页使用WebSockets和onmessage
函数来打印应该从龙卷风服务器接收的内容。基本上,这里是HTML JavaScript部分:
$(document).ready(function() {
var myURL = "http://localhost:8888";
var source = new EventSource(myURL, { withCredentials: true }); // Access-Control-Allow-Origin
...
source.onmessage = function(event) {
console.log("received new event!");
};
...
}); // ready()
我将withCredentials
参数设置为true
,以便启用CORS。
在龙卷风方面,我有一个WebSocket类,它应该回答回来,但我不知道如何设置头有Access-Control-Allow-Origin
启用。下面是龙卷风代码:
class EchoWebSocket(tornado.websocket.WebSocketHandler):
def check_origin(self, origin):
return True
def on_message(self, message):
self.write_message(u"Received message: " + message)
def make_app():
return tornado.web.Application([ ('/', EchoWebSocket), ])
if __name__ == '__main__':
app = make_app()
app.listen(8888)
print 'listening on port 8888...'
# start main loop
tornado.ioloop.IOLoop.current().start()
我的浏览器出现了以下错误!
GET http://localhost:8888/ [HTTP/1.1 400 Bad Request 1ms]
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8888/. (Reason: CORS header 'Access-Control-Allow-Origin' missing).
我错过了什么??
您的javascript正在使用EventSource,但您的服务器正在服务WebSockets。这是两种完全不同的东西。你需要改变其中一个来匹配另一个。