Http 请求失败，没有 Access-control-Allow-Origin flask-restful

Question

我正在使用 flask-restful 构建一个 api 和一个 ionic/angular 移动应用程序，但是对 api 的请求失败并显示错误“ XMLHttpRequest 无法加载 http://localhost:5000/api/v1/auth. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' 因此不允许访问。即使在资源响应中指定 Access-Control-Allow-Origin header 后，响应的 HTTP 状态代码为 400。”。

class Auth(Resource):
    def post(self):
        #some code here
        return responseObject,200,{'Access-Control-Allow-Origin':'*'}

我尝试了不同的浏览器，当我检查网络 XHR 调用响应时 headers 不显示它。

Content-Length:90 Content-Type:application/json 日期：2017 年 9 月 14 日星期四 11:46:25 GMT 服务器:Werkzeug/0.12.2 Python/2.7.10

然而，当我使用邮递员发送请求时，我看到 Access-Control-Allow-Origin header

acccess-control-allow-origin→* content-length→198 content-type→application/json 日期 →2017 年 9 月 14 日星期四 12:54:52 GMT 服务器 →Werkzeug/0.12.2 Python/2.7.10

任何知道正在发生的事情的人，我将很高兴收到你的帮助。

提前致谢。

Answer 1

我认为您必须在 API 中允许跨源调用。看看这里：http://flask-cors.readthedocs.io/en/latest/

Http 请求失败，没有 Access-control-Allow-Origin flask-restful

Http request failing with No Access-control-Allow-Origin flask-restful

flask-restful

ionic-framework