当前位置：首页 > 虚拟主机 > 正文

Flask API如何实现跨域访问的最佳实践探讨？

admin
虚拟主机
2026-01-18
4

Flask API 跨域访问是当前Web开发中常见的问题之一，随着前后端分离的开发模式越来越流行，前端和后端通常部署在不同的服务器上，这就导致了跨域请求的出现，本文将详细介绍Flask API中如何处理跨域访问问题。

跨域访问的概念

跨域访问（CrossOrigin Resource Sharing，CORS）是一种安全机制，它限制了来自不同源（域、协议或端口）的请求对Web资源的访问，在浏览器中，默认情况下，同源策略会阻止跨域请求。

Flask API 跨域访问处理方法

使用FlaskCORS扩展

FlaskCORS是一个开源扩展，可以轻松地在Flask应用中处理跨域请求，以下是使用FlaskCORS的步骤：

安装FlaskCORS：
在Flask应用中导入并使用FlaskCORS：
from flask import Flask from flask_cors import CORS app = Flask(__name__) CORS(app) @app.route('/') def index(): return 'Hello, CORS!'
设置允许跨域访问的域名：

CORS(app, resources={r"/api/*": {"origins": "*"}})
resources参数用于指定需要处理跨域请求的URL模式，origins参数用于指定允许跨域访问的域名。

使用自定义中间件

如果不想使用FlaskCORS扩展，可以自定义中间件来处理跨域请求，以下是一个简单的示例：

from flask import Flask, request, make_response app = Flask(__name__) @app.after_request def after_request(response): response.headers.add('AccessControlAllowOrigin', '*') response.headers.add('AccessControlAllowHeaders', 'ContentType,Authorization') response.headers.add('AccessControlAllowMethods', 'GET,PUT,POST,DELETE,OPTIONS') return response @app.route('/') def index(): return 'Hello, CORS!'

使用Nginx代理

在Nginx服务器上,可以配置代理来处理跨域请求，以下是一个简单的配置示例：

server { listen 80; server_name example.com; location /api/ { proxy_pass http://backend_server; proxy_set_header Host $host; proxy_set_header XRealIP $remote_addr; proxy_set_header XForwardedFor $proxy_add_x_forwarded_for; proxy_set_header XForwardedProto $scheme; proxy_set_header AccessControlAllowOrigin *; proxy_set_header AccessControlAllowMethods GET, POST, OPTIONS; proxy_set_header AccessControlAllowHeaders ContentType,Authorization; } }