Не удается получить мои данные в экспресс-ответе и ошибка: не удалось выполнить Feth на окне

Question

Я создал в API в узле js для моего приложения реагирования. Когда я запускаю свое приложение в браузере, оно показывает мне эту ошибку:

Это моя функция useEffect:

async function getMyData() {
        const response = await fetch('http://localhost:8080/get-sarbatoare', {
            method: 'GET',
            headers: {
                'X- Requested - With': 'XMLHttpRequest'
            },
        })
        const serverData = await response.json();
        setData(serverData)
    }
    useEffect(() => {
        getMyData();
    }, [])

и это мой файл app.js с экспрессом:

const cors = require('cors');
const app = express();
const PORT = 8080 || process.env.PORT;
app.use(function (req, res, next) {
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
});
app.use("*", cors())

app.listen(PORT, () => console.log('servarul ruleaza pe portul' + PORT));
app.get('/get-sarbatoare', (req, res) => res.json({ imgIcon, ts }));

Спасибо!

Answer 1

Можете ли вы добавить свой getMyData в эффект и попробовать?

    useEffect(() => {

       async function getMyData() {
        const response = await fetch('http://localhost:8080/get-sarbatoare', {
            method: 'GET',
            headers: {
                'X- Requested - With': 'XMLHttpRequest'
            },
        })
        const serverData = await response.json();
        setData(serverData)
      }
        getMyData();
    }, [])