How to fetch data using fetch?

Question

Node.js

There is such an endpoint on the back

app.get('/api/category', async(req, res) => {
    try {
        let categories = await Category.find({});
        res.send(categories)
    } catch(e) {
        res.send(e)
    }
});

Next, I try to fetch data on the front using fetch:

async function getCategories() {
        let categories;

         await fetch(`${api}/category`)
        .then((res) => {
            return res.json();
        }).then((response) => {
            categories = response;
        })
        .catch((e) => {
            console.log(e);
        })

        return categories;

    }

But in the console I get Promise Pending


What am I doing wrong? The most interesting thing is that if we do console.log(response) in the second .then, we will get the expected result. I can't figure out how to just return data from a function.

Answer 1

const categories = await getCategories();