Flas跨域访问在浏览器中测试方法

在浏览器中测试Flask跨域访问，可以按照以下步骤进行：

1. 首先，在Flask的应用程序中添加跨域支持的代码。可以使用Flask-CORS扩展来实现。例如，以下代码将允许所有来源的访问：

   from flask import Flask
   from flask_cors import CORS

   app = Flask(__name__)
   CORS(app)

2. 在浏览器中打开开发者工具（通常是F12），切换到“Network”标签页。

3. 在Flask应用程序的URL中输入一个跨域请求，例如：

   http://localhost:5000/api/data

4. 查看浏览器控制台中是否有跨域错误。如果有，则说明跨域访问不被允许。例如：

   Access to XMLHttpRequest at 'http://localhost:5000/api/data' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

5. 如果出现跨域错误，则需要在Flask应用程序的响应中添加“Access-Control-Allow-Origin”头，以允许跨域访问。例如：

   from flask import jsonify

   @app.route('/api/data')
   def get_data():
       data = {'foo': 'bar'}
       response = jsonify(data)
       response.headers.add('Access-Control-Allow-Origin', '*')
       return response

6. 重新发送跨域请求，并查看控制台中是否仍然有跨域错误。如果没有，则说明跨域访问已成功允许。