前段時間在使用vue框架開發中，遇到了一個axios請求出錯的問題。在console里，錯誤信息提示為：Failed to load resource: the server responded with a status of 404 (Not Found)。經過調試和排查后，終于找到了問題所在。

在我的代碼中，axios請求的url是通過template字符串拼接得來的，具體代碼如下：

axios.get(`${baseUrl}/user?id=${userId}`).then(response =>{
// do something
}).catch(error =>{
// handle error
})

其中，baseUrl和userId均為變量。經過一番調試后，發現userId變量的值為undefined，導致請求的url不完整，從而出現了404錯誤。修改代碼如下：

axios.get(`${baseUrl}/user?id=${userId || ''}`).then(response =>{
// do something
}).catch(error =>{
// handle error
})

在url拼接時，為userId變量賦默認值，避免出現undefined導致的錯誤。

通過此問題的排查，我深刻意識到在開發過程中，變量的賦值和使用必須要注意，避免出現類似錯誤。