При использовании колбы Python для Backend и Next.js для Frontend, если я не могу получить данные из бэкэнда, как я могу ⇐ Python
При использовании колбы Python для Backend и Next.js для Frontend, если я не могу получить данные из бэкэнда, как я могу
fetch('http://127.0.0.1:5000/api/users') Это ссылки отображают вывод, но он не виден на странице.
Это пользователи.import React, { useEffect, useState } from 'react';
interface User {
id: number;
username: string;
address: string;
}
export default function UsersPage() {
const [users, setUsers] = useState([]);
useEffect(() => {
fetch('http://127.0.0.1:5000/api/users')
.then(res => res.json())
.then(data => setUsers(data))
.catch(err => console.error('Fetch error:', err));
}, []);
return (
User List
ID
Username
Address
{users.map(user => (
{user.id}
{user.username}
{user.address}
))}
);
}
< /code>
app.py кодирование < /p>
from flask import Flask, request, jsonify
from flask_cors import CORS
import mysql.connector
import os
from dotenv import load_dotenv
load_dotenv()
app = Flask(__name__)
CORS(app)
def get_connection():
return mysql.connector.connect(
host=os.getenv('DB_HOST'),
port=os.getenv('DB_PORT'),
user=os.getenv('DB_USER'),
password=os.getenv('DB_PASS'),
database=os.getenv('DB_NAME')
)
@app.route('/api/save', methods=['POST'])
def save_data():
username = request.form.get('username')
address = request.form.get('Address')
if not username or not address:
return jsonify({"error": "Username and Address required"}), 400
conn = get_connection()
cursor = conn.cursor()
cursor.execute(
"INSERT INTO user_queries (username, address) VALUES (%s, %s)",
(username, address)
)
conn.commit()
cursor.close()
conn.close()
return jsonify({"message": "Data saved successfully!"}), 200
@app.route('/api/users', methods=['GET'])
def get_users():
conn = get_connection()
cursor = conn.cursor(dictionary=True)
cursor.execute("SELECT * FROM user_queries") # your table
users = cursor.fetchall()
cursor.close()
conn.close()
return jsonify(users), 200
if __name__ == '__main__':
app.run(debug=True)
Подробнее здесь: https://stackoverflow.com/questions/796 ... if-i-am-un
fetch('http://127.0.0.1:5000/api/users') Это ссылки отображают вывод, но он не виден на странице.
Это пользователи.import React, { useEffect, useState } from 'react';
interface User {
id: number;
username: string;
address: string;
}
export default function UsersPage() {
const [users, setUsers] = useState([]);
useEffect(() => {
fetch('http://127.0.0.1:5000/api/users')
.then(res => res.json())
.then(data => setUsers(data))
.catch(err => console.error('Fetch error:', err));
}, []);
return (
User List
ID
Username
Address
{users.map(user => (
{user.id}
{user.username}
{user.address}
))}
);
}
< /code>
app.py кодирование < /p>
from flask import Flask, request, jsonify
from flask_cors import CORS
import mysql.connector
import os
from dotenv import load_dotenv
load_dotenv()
app = Flask(__name__)
CORS(app)
def get_connection():
return mysql.connector.connect(
host=os.getenv('DB_HOST'),
port=os.getenv('DB_PORT'),
user=os.getenv('DB_USER'),
password=os.getenv('DB_PASS'),
database=os.getenv('DB_NAME')
)
@app.route('/api/save', methods=['POST'])
def save_data():
username = request.form.get('username')
address = request.form.get('Address')
if not username or not address:
return jsonify({"error": "Username and Address required"}), 400
conn = get_connection()
cursor = conn.cursor()
cursor.execute(
"INSERT INTO user_queries (username, address) VALUES (%s, %s)",
(username, address)
)
conn.commit()
cursor.close()
conn.close()
return jsonify({"message": "Data saved successfully!"}), 200
@app.route('/api/users', methods=['GET'])
def get_users():
conn = get_connection()
cursor = conn.cursor(dictionary=True)
cursor.execute("SELECT * FROM user_queries") # your table
users = cursor.fetchall()
cursor.close()
conn.close()
return jsonify(users), 200
if __name__ == '__main__':
app.run(debug=True)
Подробнее здесь: https://stackoverflow.com/questions/796 ... if-i-am-un
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Получение ошибки CORS при отправке запроса в Backend API. (TSX Frontend) (JS Backend)
Anonymous » » в форуме Javascript - 0 Ответы
- 10 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Как выглядит связь между Frontend и Backend при использовании zipoutputstream? [закрыто]
Anonymous » » в форуме JAVA - 0 Ответы
- 10 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Telegram Bot (Backend+Frontend) → Похожее решение для сайта? [закрыто]
Anonymous » » в форуме Python - 0 Ответы
- 42 Просмотры
-
Последнее сообщение Anonymous
-