0

我在尝试连接我的 Angular 应用程序时收到以下错误消息，使用 Grunt 服务器运行，使用 socketIO Flask 应用程序：

XMLHttpRequest cannot load http://localhost:8080/socket.io/1/?t=1381872821951. 
Origin http://localhost:9000 is not allowed by Access-Control-Allow-Origin.

我已经对这个问题进行了一些研究，我知道它来自客户端（angularjs）正在向另一个服务器发出请求的事实，响应来自该服务器。

两台服务器中的哪台是问题？

1) Grunt 服务器？我已经尝试过这个：https : //stackoverflow.com/a/17256255/1819058 如果它来自 Grunt 服务器应该可以解决问题

2) Flask SocketIO 服务器：

app = Flask(__name__)

@app.route("/socket.io/<path:path>")
def run_socketio(path):
    socketio_manage(request.environ, {'': ChatNamespace})

if __name__ == '__main__':
    print 'Listening on http://localhost:8080'
    app.debug = True
    import os
    from werkzeug.wsgi import SharedDataMiddleware
    app = SharedDataMiddleware(app, {
        '/': os.path.join(os.path.dirname(__file__), 'static')
        })
    from socketio.server import SocketIOServer
    SocketIOServer(('', 8080), app,
        namespace="socket.io", policy_server=False).serve_forever()

这是我连接到服务器的方式：

var socket = ioSocket || io.connect('http://localhost:8080');

有人可以帮我吗？如果您使用 websockets，请求转到另一台服务器不是逻辑吗？

另一个奇怪的注意事项：整个事情都有效，但重新启动后停止工作......

4

2 回答 2

1

您需要分配自己的 SocketIOHandler。首先，您需要在 SocketIOServer 中修复init 。

class CorsServer(SocketIOServer):
    def __init__(self, *args, **kwargs):
        self.sockets = {}
        if 'resource' in kwargs:
            print "DEPRECATION WARNING: use `namespace` instead of `resource`"
        self.namespace = kwargs.pop('resource', kwargs.pop('namespace',
                                                           'socket.io'))
        self.transports = kwargs.pop('transports', None)

        if kwargs.pop('policy_server', True):
            self.policy_server = FlashPolicyServer()
        else:
            self.policy_server = None
        #fix
        if 'handler_class' not in kwargs:
            kwargs['handler_class'] = SocketIOHandler
        super(SocketIOServer, self).__init__(*args, **kwargs)

然后制作自己的 SocketIOHandler

class CorsHandler(SocketIOHandler):
    def write_plain_result(self, data):
        self.start_response("200 OK", [
            ("Access-Control-Allow-Origin", self.environ.get('HTTP_ORIGIN', '*')),
            ("Access-Control-Allow-Credentials", "true"),
            ("Access-Control-Allow-Methods", "POST, GET, OPTIONS"),
            ("Access-Control-Max-Age", 3600),
            ("Content-Type", "text/plain"),
        ])
        self.result = [data]

初始化 Flask，并添加路由

app = Flask(__name__)
@app.route("/socket.io/<path:path>")
def run_socket(param):
    socketio_manage(request.environ, {'': YourNamespace})

用你的 CorsHandler 初始化你的 CorsServer

if __name__ == "__main__":    
    server = CorsServer(('0.0.0.0', 8080), app,
        namespace="socket.io",handler_class=CorsHandler).serve_forever()
于 2013-12-05T11:01:35.180 回答
0

看看这篇文章： http: //flask.pocoo.org/snippets/56/

在这里您可以看到如何为 Acces-Control-Allow-Origin 设置通配符

于 2013-10-17T11:53:54.033 回答