python - Flask Access-Control-Allow-Origin 用于多个 URL

Question

我有一个用 python/flask 编写的 API，我只想允许几个 URL 访问这个 API。 JavaScript 调用是普通的 jQuery，例如:

    $.ajax({
     url: "http://myApi.com/api/doit",  
     dataType:'JSON',
     success:function(data){
       console.log("DEBUG: yeeeeaaaahhh!");
     },
     error:function(xhr){
       console.log("Error occured! status: " + xhr.status + ", text: " + xhr.statusText);
     }
  });

主要是这里的大多数解决方案都非常令人失望，总是提供设置 Access-Control-Allow-Origin : '*' 或启动 chrome 禁用检查。当然可以，但这不是目的。 w3 上的规范说分号分隔的列表应该有效，但事实并非如此。逗号分隔列表也失败。 从 flask 本身有 http://flask.pocoo.org/snippets/56/但它不适用于多个 URL。在评论中有一个建议:h.extend([("Access-Control-Allow-Origin", orig) for orig in origin]) 但它仍然不起作用。

我唯一的解决方案是检查源代码，以防它在我的白名单中以放入 header Access-Control-Allow-Origin : '*'。这是一种解决方法，但我不太喜欢它。你能推荐一个更优雅的解决方案吗？

Answer 1

这是在本地使用同一前端项目的多个实例一起访问本地 Flask 服务器时的典型场景，并且由于您允许凭据(即使用 JWT 身份验证)而不允许使用通配符“*”。

我的方法 - 在开发中 - 是使用 after_request装饰器和 Flask 的请求上下文。

创建域白名单:

white = ['http://localhost:8080','http://localhost:9000']

现在使用 after_request 装饰器拦截所有传入请求，检查 referrer 是否在您的白名单中，如果是，则注入(inject) response.headers 以允许访问到原点。例如:

from flask import request

@app.after_request
def add_cors_headers(response):
    r = request.referrer[:-1]
    if r in white:
        response.headers.add('Access-Control-Allow-Origin', r)
        response.headers.add('Access-Control-Allow-Credentials', 'true')
        response.headers.add('Access-Control-Allow-Headers', 'Content-Type')
        response.headers.add('Access-Control-Allow-Headers', 'Cache-Control')
        response.headers.add('Access-Control-Allow-Headers', 'X-Requested-With')
        response.headers.add('Access-Control-Allow-Headers', 'Authorization')
        response.headers.add('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, DELETE')
    return response