标签: flask-cors

我有一个 React 微服务（通过 nginx）部署到谷歌云运行上，其后端环境变量设置为另一个运行为后端服务的 Gunicorn 的谷歌云运行实例。

我的 Flask 应用程序是按照我能找到的有关允许 CORS 的所有内容进行设置的：

app = Flask(__name__)
app.config.from_object(config)
CORS(app, resources={r"/*": {"origins": "*"}})
app.config['CORS_HEADERS'] = 'Content-Type'
return app

# Different file, a blueprint's urls:

@blueprint.route('/resources')
@cross_origin()
def get_resources():
...

但我仍然感到害怕Access to XMLHttpRequest at 'https://backend/resources/' from origin 'https://frontend' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

有谁对此有任何见解/知道在解决这个问题时还可以从哪里寻找？我想用我的微服务设置 GKE，但最初选择了阻力最小的路径，在云中建立 POC。我让后端与我的 Cloud SQL 实例对话，我已经很接近了！

谢谢

我已经查看了许多 SO 答案，但似乎找不到这个问题。我有一种感觉，我只是错过了一些明显的东西。

我有一个基本的 Flask api，并且我已经实现了 flask_cors 扩展和自定义 Flask 装饰器[@crossdomain from Armin Ronacher]。1 ( http://flask.pocoo.org/snippets/56/ ) 两者都显示相同的问题。

这是我的示例应用程序：

application = Flask(__name__,
            static_url_path='',
            static_folder='static')
CORS(application)
application.config['CORS_HEADERS'] = 'Content-Type'

@application.route('/api/v1.0/example')
@cross_origin(origins=['http://example.com'])
# @crossdomain(origin='http://example.com')
def api_example():
  print(request.headers)
  response = jsonify({'key': 'value'})
  print(response.headers)
  return response

（插入编辑 3）：

当我在浏览器中（从 127.0.0.1 开始）从 JS 向该端点发出 GET 请求时，它总是返回 200，我希望看到：

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:5000' is therefore not allowed access. The …

我需要调试帮助 - 同源策略不允许读取https://some-domain.com 上的远程资源。（原因：CORS 请求没有成功）在 python flask-socketio 错误中。

我正在使用 python flask-socketio 开发一个聊天应用程序。以前我在本地创建了该应用程序，它按预期工作正常，当我将下面的代码移动到服务器时，它显示了上述错误。客户端代码在 https 服务器上运行，服务器代码也在 https 服务器上运行，我不知道为什么会显示该错误。

我在下面附上了我的代码，请给我一个更好的解决方案。

服务器.py

    import json
    import os
    from flask import Flask, render_template, request,session
    from flask_socketio import SocketIO, send, emit
    from datetime import timedelta,datetime
    from flask_cors import CORS

    app = Flask(__name__)
    app.config['SECRET_KEY'] = 'secretkey'
    app.config['DEBUG'] = True
    app.config['CORS_HEADERS'] = 'Content-Type'
    cors = CORS(app, resources={r"/*": {"origins": "*"}})
    socketio = SocketIO(app)

    users = {}

    @app.before_request
    def make_session_permanent():
        session.permanent = True
        app.permanent_session_lifetime = timedelta(minutes=1)

    @app.route('/')
    #@cross_origin(origin='*',headers=['Content- Type','Authorization']) …

我是烧瓶和角度的新手，请耐心等待。

我一直被 CORS 的问题困扰。我应用了不同的代码修复只是为了使其工作。现在我得到的错误是

Access to XMLHttpRequest at \'http://localhost:5000/dashboard/clientscount/2019/2020\' from origin \'http://localhost:8080\' has been blocked by CORS policy: Response to preflight request doesn\'t pass access control check: It does not have HTTP ok status.\n

我认为我的问题的答案来自这篇文章的已回答问题：已被 CORS 策略阻止：对预检请求的响应不\xe2\x80\x99t 通过访问控制检查，特别是此代码

if r.Method == "OPTIONS" {\n    w.WriteHeader(http.StatusOK)\n    return\n}\n

但这是用go语言写的。我正在烧瓶中工作。我的问题是如何在烧瓶中制作这个？同样在参考答案中，它说响应最初的请求，但我不确定如何继续该请求。

如果您能为我指出正确的方向或文档，我将非常感激。

问题

该Access-Control-Allow-Origin响应头的请求匹配Origin头，但我仍然得到错误 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://myappname.herokuapp.com/api/v1/products. (Reason: CORS request did not succeed).[Learn More]

标题

响应头

HTTP/1.1 308 PERMANENT REDIRECT
Connection: keep-alive
Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers: authorization, content-type
Access-Control-Allow-Methods: DELETE, GET, HEAD, OPTIONS, PATCH, POST, PUT
Access-Control-Allow-Origin: http://localhost
Content-Length: 311
Content-Type: text/html; charset=utf-8
Date: Thu, 04 Apr 2019 10:03:39 GMT
Location: http://mpappname.herokuapp.com/api/v1/products/
Server: waitress
Via: 1.1 vegur

请求头

Host: mpappname.herokuapp.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:66.0) …