Frontend не может сделать запросы на бэкэнд ⇐ Javascript

[Anonymous]

Вот перевод на английский:
Вопрос:
Я работаю на административной панели с использованием React и Axios, но фронт вообще не отправляет никаких запросов на бэкэнд. Ничто не отображается в консоли или вкладке «Сеть». < /P>
код: < /h3>

Код: Выделить всё

import React, { useEffect, useState } from "react";
import axios from "axios";

const AdminDashboard = () => {
const [users, setUsers] = useState([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);

useEffect(() => {
fetchUsers();
}, []);

const fetchUsers = async () => {
try {
const response = await axios.get("/api/users");
setUsers(response.data);
} catch (error) {
setError("ERROR");
} finally {
setLoading(false);
}
};

if (loading) return Loading users...
;
if (error) return 
{error}
;

return {/* ...Rendering Users... */};
};

export default AdminDashboard;
< /code>
 Backend: < /h3>
// API route for users
app.get("/api/users", authenticateToken, (req, res) => {
console.log("GOT API REQUEST: /api/users");
db.query("SELECT id, first_name, last_name, email, is_active FROM users", (err, results) => {

if (err) {
console.error("Error retrieving users:", err);
return res.status(500).json({ error: "Error retrieving users" });
}

console.log("Users retrieved successfully:", results);
res.json(results);
});
});

проблема:

• Нет запросов/api/users отправлено, и ничего не видно на вкладке консоли или сети.

  Код: Выделить всё

  http://localhost:3000/api/users

  ).

Я попытался проверить, правильно ли импортировался Axios и подтвердил, что бэкэнд работает. Я ожидал, что Frontend успешно отправит запрос на бэкэнд и извлечет пользовательские данные, которые затем будут отображаться на панели панели. Однако никаких запросов не было отправлено вообще, и я не видел ошибок или ответов на вкладке консоли или сети.

Подробнее здесь: https://stackoverflow.com/questions/794 ... to-backend