This is my axios version:

 "dependencies": {
"axios": "^0.27.2",
"react-router-dom": "^5.1.2",
"uuid": "^8.3.2"

}

This my main.py:

from colorama import Cursor
from flask import Flask
from flask_cors import CORS
import pymysql

app=Flask(__name__)
CORS(app)
@app.route("/api/Recommendation",methods=["GET"])
def data1():
db=pymysql.connect(host="localhost",user="root",   
password="password",db="portfolio",autocommit=True)
Cursor=db.cursor()
query1="Select * from recommendation Where onshowcase=True"
Cursor.execute(query1)
recommnedation_data=Cursor.fetchall()
results_data=[]
for recommendations in recommnedation_data:
    recommedation_obj={
        "id": recommendations[0],
        "cardtitle": recommendations[1],
        "cardbody": recommendations[2],
        "cardfooter":recommendations[3]
    }
    results_data.append(recommedation_obj)
Cursor.close()
db.close()
return {"issuccessful":True,"results":results_data}

Here I'm using axios after applying this code my site is not working, if I remove this it starts working again.

async componentDidMount()
    {
        const response= await axios.get("http://127.0.0.1:9001/api/Recommendation");
        this.setState({
            recommendation: response.data.results_data,
        });
    }