Loaders and axios

[jotaachm]

Hey!

I'm using loaders to fetch data from my API (my backend is in Flask). This is a loader I'm defining in a file where I mean to have all the loaders:

export const personnelLoader = async () => {
    try {
        const response = await axios.get('/manager/personnel/');
        return response.data;
    } catch (error) {
        console.error(error);
        return error;
    }
}

However, when I import it and try to use it I get:
Could not proxy request /manager/personnel/ from localhost:3000 to http://127.0.0.1:5000.

I understand why this is happening but I don't know how to do it correctly. In the login component, I have this axios post request
axios.post('/login', {
email: email,
password: password,
})
And that seems to work as it is within the login component. How do I go about indicating the correct API endpoints using loaders and axios? Also, what are the advantages of using loaders compared to useEffect? Thanks in advance!