Flask Ajax 设置Access-Control-Allow-Origin实现跨域访问；Ajax页面底部自动加载_flask 设置access-control-allow-origin
在Flask后端设置跨域访问的响应头，可以通过CORS来实现。首先，需要安装Flask-CORS扩展。
pip install flask-cors然后，在Flask应用中配置CORS。
from flask import Flask
from flask_cors import CORS
app = Flask(__name__)
CORS(app, resources=r'/*')
@app.route('/')
def index():
return "Hello, cross-origin-world!"
if __name__ == '__main__':
app.run(debug=True)在这个例子中，我们使用了CORS(app, resources=r'/*')来允许所有的跨域请求。在实际部署时，可以更加具体地指定允许跨域的资源路径或来源。
在Ajax页面中，你可以使用jQuery发送Ajax请求，并在成功获取响应后执行相应的操作。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cross-Origin Example</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<div id="content"></div>
<script>
$(document).ready(function() {
$.ajax({
url: 'http://localhost:5000/',
type: 'GET',
success: function(response) {
$('#content').append('<p>' + response + '</p>');
}
});
});
</script>
</body>
</html>在这个例子中，我们使用jQuery的$.ajax方法向http://localhost:5000/发送GET请求，并在成功获取响应后将其追加到页面的<div id="content"></div>元素中。
请注意，Ajax页面和Flask应用需要运行在不同的端口上，以便跨域请求生效。
评论已关闭