React Calling Flask API, приводящая к ошибке CORS ⇐ Python

[Anonymous]

В моем приложении React я звоню в API Flask, но он блокируется Cors, которая дает следующую ошибку: Доступ к Xmlhttprequest at 'http: // localhost: 5000/' от Происхождение 'http: // localhost: 5173' был заблокирован политикой CORS: No 'Access-Control-Allow-Origin заголовок присутствует в запрошенном ресурсе.
React: < /p>
import { useEffect, useState } from "react";
import axios from "axios";
import "./App.css";

function App() {
useEffect(() => {
// Define the API URL
const apiUrl = "http://localhost:5000/";

// Make the Axios GET request
axios
.get(apiUrl)
.then((response) => {
// Handle the response data
console.log(response);
})
.catch((error) => {
// Handle any errors
console.error("Error fetching data:", error);
});
}, []);
return Hello;
}

export default App;
< /code>
колба: < /p>
from flask import Flask
from flask_cors import CORS
from flask import jsonify

app = Flask(__name__)

@app.route("/", methods=["GET"])
def get_example():
"""GET in server"""
response = jsonify(message="Simple server is running")

# Enable Access-Control-Allow-Origin
response.headers.add("Access-Control-Allow-Origin")
return response

if __name__ == '__main__':
app.run()
< /code>
Вещи, которые я пробовал: < /p>

• Добавление заголовков непосредственно в ответ < /li>
  < li> Приложение обертывания в cors (app) < /li>
  Использование декоратора @cross_origin с Localhost < /li>
  App.config=cors_headers '] =' Content- Тип '
• Все вышеперечисленное вместе

Независимо от того, что, ошибка сохраняется.

Подробнее здесь: https://stackoverflow.com/questions/767 ... cors-error