码迷,mamicode.com
首页 > Windows程序 > 详细

Flask restful API如何解决跨站请求问题

时间:2018-05-25 17:25:00      阅读:571      评论:0      收藏:0      [点我收藏+]

标签:flask   没有   浏览器   控制   就是   delete   add   war   ESS   

如果像下面这样只是在return的response添加header是不行的:

response = make_response(jsonify(response=get_articles(ARTICLES_NAME)))

response.headers[‘Access-Control-Allow-Origin‘] = ‘*‘

response.headers[‘Access-Control-Allow-Methods‘] = ‘POST‘

response.headers[‘Access-Control-Allow-Headers‘] = ‘x-requested-with,content-type‘

return response

原因是因为发送请求前都会有一个OPTIONS请求,OPTIONS是客户端浏览器进行的HTTP跨域预访问,而OPTIONS请求时Flask会自动的返回Response,原生的Response并没有处理跨站请求问题,所以即使在API中的Response添加了header也是不行的。

那么解决办法就是: Customizing the Flask Response Class

class MyResponse(Response):
def __init__(self, response=None, **kwargs):
kwargs[‘headers‘] = ‘‘
headers = kwargs.get(‘headers‘)
# 跨域控制
origin = (‘Access-Control-Allow-Origin‘, ‘*‘)
header = (‘Access-Control-Allow-Headers‘, ‘Content-Type‘)
methods = (‘Access-Control-Allow-Methods‘, ‘HEAD, OPTIONS, GET, POST, DELETE, PUT‘)
if headers:
headers.add(*origin)
headers.add(*header)
headers.add(*methods)
else:
headers = Headers([origin, header, methods])
kwargs[‘headers‘] = headers
return super().__init__(response, **kwargs)
需要注意的是这里的header = (‘Access-Control-Allow-Headers‘, ‘Content-Type‘)
如果没加这一行,很可能会出现只发送了OPTIONS请求,成功后却没有发送GET/POST等请求
这里的值根据前端请求的header内容的,如果前端的header中还有authorization,那么这里得把authorization也加上
header = (‘Access-Control-Allow-Headers‘, ‘Authorization, Content-Type‘)
最后在调用该类
  app = Flask(__name__)
  app.response_class = MyResponse

Flask restful API如何解决跨站请求问题

标签:flask   没有   浏览器   控制   就是   delete   add   war   ESS   

原文地址:https://www.cnblogs.com/tyrionyang/p/9089661.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!