python cors跨域资源共享|极客教程

python cors跨域资源共享

跨域资源共享（Cross-Origin Resource Sharing，简称CORS）是一种用于处理跨域请求的机制。在Web开发中，跨域请求是指在一个域下发起的HTTP请求访问另一个域下的资源。由于浏览器的同源策略，跨域请求会受到限制，使用CORS可以解决这个问题。

同源策略

同源策略是浏览器的一种安全特性，它限制了一个源（origin）中的文档或脚本如何能与另一个不同源的资源进行交互。同源指的是协议（scheme）、域名（host）和端口（port）完全相同。比如，https://www.example.com 和 https://api.example.com 是不同源的。

同源策略的限制包括：

JavaScript无法访问不同源的页面内容
XMLHttpRequest、Fetch等API无法发送跨域请求

为了在Web开发中能够实现跨域请求，就需要使用CORS来解决这个问题。

CORS原理

CORS通过HTTP头部来告诉浏览器，哪些请求可以被允许，哪些被拒绝。主要通过以下HTTP头部来控制：

Access-Control-Allow-Origin：指定允许的源。可以设置为*表示允许所有源。
Access-Control-Allow-Methods：指定允许的HTTP方法，如GET、POST等。
Access-Control-Allow-Headers：指定允许的请求头部。
Access-Control-Allow-Credentials：指定是否允许携带凭证（如Cookies）。
Access-Control-Expose-Headers：指定在浏览器中可访问的响应头部。

当浏览器发起跨域请求时，会先发送一个预检请求（Preflight）检查服务器是否允许该请求。预检请求使用OPTIONS方法，服务器收到后会判断是否允许该请求，并返回相应的头部信息。如果允许，浏览器会发送真正的请求。

使用Python实现CORS

下面以一个简单的Python后端服务为例，演示如何使用Flask框架实现CORS。

首先，安装Flask：

pip install flask

然后，创建一个名为app.py的文件，编写以下代码：

from flask import Flask, jsonify
from flask_cors import CORS

app = Flask(__name__)
CORS(app)

@app.route('/')
def index():
    data = {'message': 'Hello, CORS!'}
    return jsonify(data)

if __name__ == '__main__':
    app.run()

在上面的示例中，我们创建了一个简单的Flask应用，通过CORS(app)启用了CORS支持。在根路由/下返回了一个JSON数据。

运行该应用：

python app.py

访问http://127.0.0.1:5000/，你将看到类似以下JSON数据：

{
  "message": "Hello, CORS!"
}

测试CORS

为了测试CORS是否生效，我们可以使用一个简单的HTML文件来发起跨域请求。

创建一个名为index.html的文件，编写以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CORS Test</title>
</head>
<body>
<button onclick="getData()">Get Data</button>
<script>
function getData() {
  fetch('http://localhost:5000')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));
}
</script>
</body>
</html>