VUE - AxiosError-ERR_BAD_REQUEST

MyFreeIT

已于 2025-06-12 17:02:44 修改

阅读量196

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

于 2025-06-12 17:01:27 首次发布

创作源自于MyFreeIT

本文链接：https://blog.youkuaiyun.com/MyFreeIT/article/details/148614201

Request failed with status code 404

一个 / 导致调试1个小时，竟然没有发现到这里的问题。

调试1小时发现404错误，原因是URL缺少斜杠。错误写法是'/rest/deleteItem'+id，正确应为'/rest/deleteItem/'+id。代码片段显示DELETE请求时直接拼接id导致路径错误，通过对比两种URL写法，发现问题在于路径分隔符缺失。这种细微差别容易忽视却会引发请求失败，提醒开发者在拼接URL时要注意格式规范。

 url: '/rest/deleteItem' + id

 url: '/rest/deleteItem/' + id


export const deleteItem = (id: string) => {
  elHelper.alertBox(id + '')
  return axiosHelper<Protocol<boolean>>({
    method: 'DELETE',
    url: '/rest/deleteItem' + id
  })
}