在Flask开发RESTful后端时，前端请求会遇到跨域的问题。有3种解决方法。一种是前端与后端结合使用JSONP的方式。这个这里先不说，我们来说说直接又后端来解决的2种方式。先来说说最简单的方式，flask_cors包解决跨域问题。

一、flask_cors包解决跨域问题

1、下载flask_cors包

pip install flask-cors

2、使用flask_cors的CORS，代码示例

from flask_cors import *
app = Flask(__name__)
CORS(app, supports_credentials=True)

如果还有其他问题可以查看flask_cors的文档。

二、根据原理返回对应响应头解决跨域问题

1、前端用ajax与后台交互，遇到了跨域访问的问题：一直提示没有Access-Control-Allow-Origin，那么我们就需要在后台返回相应的响应头：

res = flask.make_response()
res.headers['Access-Control-Allow-Origin'] = '*'
res.headers['Access-Control-Allow-Methods'] = 'POST，GET,OPTIONS'
res.headers['Access-Control-Allow-Headers'] = 'x-requested-with,content-type'

但是在添加了上述响应头之后，还是提示没有Access-Control-Allow-Origin，貌似是前端没有收到响应。查了好多办法都没有解决，最后发现问题所在：异步请求

ajax在与后台通信时采用了异步请求的方式，而且貌似是在代码里把异步请求async改为false都没有用，跨域的时候默认采用异步请求，在异步请求方式下，第一次‘握手’，发送的是空数据，因此data=request.data解析不了数据，导致make_response(data)没有返回响应，这样前端也就收不到响应头信息了。

解决办法：

if request.method == 'OPTIONS':
 res = flask.make_response()
if request.method == 'POST':
 data = request.data
 data = json.loads(data)
 ......
 res = flask.make_response(data)
res.headers['Access-Control-Allow-Origin'] = '*'
res.headers['Access-Control-Allow-Methods'] = 'POST，GET,OPTIONS'
res.headers['Access-Control-Allow-Headers'] = 'x-requested-with,content-type'
return res

另外要注意前端代码中

data: data//data是json格式的字符串数据

具体可以采用JSON.stringify(data)来讲json数据data转换为字符串形式还有就是content-Type写明是json格式：

Content-Type: 'application/json'

问题解决！

[object Object]