跨域资源共享多个站点

Question

我有一个包含css/js/images等内容的网站：

global.mysite.com

该网站的__init__.py文件中包含以下内容：

from flask import Flask
from flask.ext.cors import CORS

app = Flask('web')
CORS(app)

我可以轻松地从另一个站点（我们称之为siteA）加载资源。但是，当我尝试在同一台机器上使用第二个站点（siteB）时，我会遇到以下错误：

来自 'http://global.mysite.com' 的字体因跨源资源共享策略而被阻止加载：'Access-Control-Allow-Origin'标头的值'http://siteA.mysite.com'与提供的来源不相等。因此，源'http://siteB.mysite.com'不允许访问。

在站点的CORS方面是否需要进行配置，或者在__init__.py中是否需要添加参数以允许多个站点？这也可能看起来像某种缓存问题。如果是这样，请问有什么解决方法吗？

如果您需要更多信息，请随时评论。

- CodeLikeBeaker

Answer 1

我从未使用过CORS扩展，但它看起来很奇怪，因为你需要使用它来运行应用程序。这使得其他扩展如Flask-SocketIO无法使用。 此装饰器适用于任何路由，不需要任何额外的扩展。

from datetime import timedelta
from flask import make_response, request, current_app
from functools import update_wrapper


def crossdomain(origin=None, methods=None, headers=None,
                max_age=21600, attach_to_all=True,
                automatic_options=True):
    if methods is not None:
        methods = ', '.join(sorted(x.upper() for x in methods))
    if headers is not None and not isinstance(headers, basestring):
        headers = ', '.join(x.upper() for x in headers)
    if not isinstance(origin, basestring):
        origin = ', '.join(origin)
    if isinstance(max_age, timedelta):
        max_age = max_age.total_seconds()

    def get_methods():
        if methods is not None:
            return methods

        options_resp = current_app.make_default_options_response()
        return options_resp.headers['allow']

    def decorator(f):
        def wrapped_function(*args, **kwargs):
            if automatic_options and request.method == 'OPTIONS':
                resp = current_app.make_default_options_response()
            else:
                resp = make_response(f(*args, **kwargs))
            if not attach_to_all and request.method != 'OPTIONS':
                return resp

            h = resp.headers

            h['Access-Control-Allow-Origin'] = origin
            h['Access-Control-Allow-Methods'] = get_methods()
            h['Access-Control-Max-Age'] = str(max_age)
            if headers is not None:
                h['Access-Control-Allow-Headers'] = headers
            return resp

        f.provide_automatic_options = False
        return update_wrapper(wrapped_function, f)
    return decorator

并使用它

@app.route('/my_service')
@crossdomain(origin='*')
def my_service():
    return jsonify(foo='cross domain ftw')

- CESCO

---

这似乎已经起作用了，但我会测试几天以确保没有缓存。一旦验证，我将接受。感谢您提供的信息。 - CodeLikeBeaker

我很高兴能够帮助。 - CESCO

Answer 2

在实例化 CORS 类时，您需要指定来源。

cors = CORS(app, resources={r"/fonts/*": {"origins": "*"}})

在这个例子中，我使用了一个通配符，在大多数情况下可能有些过度，并且不是非常“安全”。因此，请随意自己根据您自己的域进行调整；-）

有关资源特定CORS的更多信息

- Ketouem

---

我确认这并不能解决切换站点的问题。对于其他解决方案有什么想法吗？ - CodeLikeBeaker