使用Flask框架实现前后端交互,直接打开html页面无法显示后端传入的数据问题Access to XMLHttpRequest at ‘http://127.0.0.1:5000/***‘ from

        出现 CORS(跨源资源共享)问题是因为前端页面和 Flask 后端不在同一个源(即不同的端口或域名)。为了解决这个问题,可以在 Flask 中设置 CORS 头。你可以使用 flask-cors 这个库来简化配置。

安装 flask-cors

首先,安装 flask-cors

pip install flask-cors

更新 Flask 应用

然后,在你的 Flask 应用中引入并配置 CORS

from flask import Flask, jsonify, render_template from flask_cors import CORS 

app = Flask(__name__)

CORS(app) # 允许所有域名访问,也可以根据需求配置

关键点:

引入 CORS:使用 from flask_cors import CORS

配置 CORS:通过 CORS(app) 允许所有来源访问。

如果只想允许特定来源,可以这样配置:

CORS(app, resources={r"/data": {"origins": "http://localhost:63342"}})

如果还是无法显示数据,检查ajax中的url地址是否写全,url地址加上ip地址和端口号,例如:

http://127.0.0.1:5000/***

你可能感兴趣的:(flask,python,后端)