La requête Axios GET a été modifiée par quelque chose dans le frontend

Question

Dans cette action j'ai une réponse GET basique sur l'URL "api/media/action"

export const listWorks = async (dispatch) => {
    try{
        dispatch({type:WORK_LIST_REQUEST})
        const { data } = await axios.get('api/media/works/')
        
        

        dispatch({type:WORK_LIST_SUCCESS,
        payload:data})

    } catch(error) {
        dispatch({type:WORK_LIST_FAIL,
        payload: error.response && error.response.data.detail 
        ? error.response.data.detail
        : error.message
    
    })
}

}

Dans App.js, l'itinéraire est défini comme :

<Route path='/work/:name'component={WorkScreen}/>

En lançant l'action, j'ai reçu l'erreur suivante dans le backend :

[26/Jul/2023 20:47:24] "GET /work/api/media/works/ HTTP/1.1" 404 2712

Je ne comprends pas pourquoi « travail » est ajouté dans la requête GET

Answer 1

L'URL `api/media/works/` est un chemin relatif. Il ne commence pas par « http:// » ou « https:// » et est donc traité comme un chemin relatif à l'URL actuelle à partir de laquelle l'appel API a été effectué.

Essayez de faire la même requête en utilisant une URL absolue commençant par `http://` ou `https://`.