跨域问题指协议、域名或端口不一致时浏览器阻止请求,Flask可通过flask-cors扩展配置CORS,FastAPI使用CORSMiddleware中间件处理,推荐使用框架扩展而非手动添加响应头。

在使用Python网页版(如通过Flask、FastAPI等后端框架提供接口)时,前端页面如果运行在不同域名或端口下,就会遇到跨域请求问题。浏览器出于安全考虑,默认会阻止跨域的AJAX请求。解决这个问题的核心是正确配置CORS(跨源资源共享)策略。
当一个请求的协议、域名或端口与当前页面不一致时,就构成了跨域请求。例如前端运行在https://www.php.cn/link/8e5687e2d6ab87e5da2f833f3e8986a4,而后端接口在http://localhost:5000,虽然都是本地,但端口不同,浏览器会触发CORS限制。
Flask本身不默认支持CORS,可以通过flask-cors扩展轻松解决。
安装依赖:
立即学习“Python免费学习笔记(深入)”;
pip install flask flask-cors代码实现:
from flask import Flask, jsonifyapp = Flask(name)
CORS(app)
@app.route('/api/data')
def get_data():
return jsonify({"message": "跨域请求成功", "data": [1, 2, 3]})
if name == 'main':
app.run(port=5000)
FastAPI内置了对CORS的良好支持,通过CORSMiddleware中间件配置。
代码实现:
from fastapi import FastAPIapp = FastAPI()
app.add_middleware(
CORSMiddleware,
allow_origins=[""], # 可替换为具体前端地址
allow_credentials=True,
allow_methods=[""],
allow_headers=["*"],
)
@app.get("/api/hello")
def hello():
return {"message": "Hello from FastAPI with CORS"}
如果不使用框架扩展,也可以手动添加CORS响应头,适用于简单场景。
from flask import Flask, Responseapp = Flask(name)
@app.route('/api/manual')
def manual_cors():
response = Response(
json.dumps({"msg": "手动处理CORS"}),
status=200,
mimetype='application/json'
)
response.headers.add('Access-Control-Allow-Origin', '*')
response.headers.add('Access-Control-Allow-Methods', 'GET, POST')
response.headers.add('Access-Control-Allow-Headers', 'Content-Type')
return response
这种方式灵活但容易遗漏细节,建议优先使用成熟扩展。
基本上就这些。只要后端正确返回CORS响应头,前端无论是用fetch还是axios发起请求,都能正常接收数据。关键是确保开发环境前后端通信路径清晰,并合理配置允许的源和方法。
以上就是Python网页版怎样做跨域请求处理_Python网页版跨域问题解决方案与代码实现的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号