Flask配置配置Cors跨域的实现跨域的实现
1 跨域的理解跨域的理解
跨域是指：浏览器A从服务器B获取的静态资源，包括Html、Css、Js，然后在Js中通过Ajax访问C服务器的静态资源或请求。
即：浏览器A从B服务器拿的资源，资源中想访问服务器C的资源。
同源策略是指：浏览器A从服务器B获取的静态资源，包括Html、Css、Js，为了用户安全，浏览器加了限制，其中的Js通过
Ajax只能访问B服务器的静态资源或请求。即：浏览器A从哪拿的资源，那资源中就只能访问哪。
同源是指：同一个请求协议(如：Http或Https)、同一个Ip、同一个端口，3个全部相同，即为同源。
2 跨域的处理跨域的处理
跨域的这种需求还是有的，因此，W3C组织制定了一个Cross-Origin Resource Sharing规范，简写为Cors，现在这个规范已经
被大多数浏览器支持，从而，处理跨域的需求。
Cors需要在后端应用进行配置，因此，是一种跨域的后端处理方式，这么做也容易理解，一个你不认识的源来访问你的应
用，自然需要应用进行授权。除了后端处理方式，也有前端的解决方案，如：JSONP，因这里我们主要讲解Flask对Cors的配
置，暂不对前端解决方案进行详细说明。
3 跨域的分类跨域的分类
跨域分为以下3种
名称名称 英文名英文名 说明说明
简单请求 Simple Request
发起的Http请求符合：
1.无自定义请求头，
2.请求动词为GET、HEAD或POST之一，
3.动词为POST时，Content-Type是application/x-www-form-urlencoded，
multipart/form-data或text/plain之一
预检请求 Preflighted Request
发起的Http请求符合其中之一：
1.包含了自定义请求头，
2.请求动词不是GET、HEAD或POST，
3.动词是POST时， Content-Type不是application/x-www-form-
urlencoded，
multipart/form-data或text/plain。 即：简单请求的相反
凭证请求
Requests with
Credential
发起的Http请求中带有凭证
4 Flask配置配置Cors
Flask配Cors跨域，使用Flask-CORS包，详细文档，参见: https://flask-cors.readthedocs.io/en/latest/，总的来说，flask-cors
包也提供了两种方式
方式方式 范围范围 说明说明
@cross_origin装饰器 配置单个路由 适用于配置特定的API接口
CORS函数 配置全局API接口 适用于全局的API接口配置
评论0