Axios GET 請求被前端中的某些內容修改

Question

在這個動作中，我在URL「api/media/action」上有一個基本的GET回應

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
    
    })
}

}

在App.js中，路由被定義為：

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

透過啟動該動作，我在後端收到了以下錯誤：

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

我不明白為什麼在GET請求中加入了「work」

Answer 1

URL `api/media/works/`是相對路徑。它不以`http://`或`https://`開頭，因此被視為相對於發起API呼叫的當前URL的路徑。

嘗試使用以`http://`或`https://`開頭的絕對URL進行相同的請求。