request method ‘DELETE‘ is not supported问题

AuroraJim2024-07-21 23:10

1.问题描述

在采用spring boot 3.0 以上 + Vue3开发引应用时，前端发起删除请求，后端提供了对应删除接口情况下，删除业务失败，并提示request method 'DELETE' is not supported.

2.问题分析

首先，如果碰到类似问题，首先考虑后端代码cotroller层是否提供了对应的接口方法，然后依次往后查看相关业务的代码，如果发现没有问题，那么可能是前端发起请求时，传递参数不规范或者是其他问题。

3.当前场景

后端接口代码

java 复制代码

@RestController
@RequestMapping("/category")
public class CategoryController {
	/**
     * 删除文章分类
     * @param id  分类id
     * @return 返回状态
     */
    @DeleteMapping("/{id}")
    public Result<Category> deleteCategory(@PathVariable("id") Integer id) {
        categoryService.delCategoryService(id);
        return Result.success();
    }

}

前段请求代码

javascript 复制代码

/**
 * 删除分类
 *
 * @param id 分类ID
 * @returns 返回Promise对象，表示异步请求的结果
 */
export const delCategory=(id)=>{
  return request.delete('/category?id='+id) //注意这一行⭐
}

而问题恰恰就出在这一行，当我们使用了 @DeleteMapping("/{id}")，这意味着你不需要在 URL 中显式地添加 ?id= 参数，而是通过路径变量 {id} 来获取 ID

4.问题解决

javascript 复制代码

export const delCategory=(id)=>{
  return request.delete('/category/'+id) //注意这一行，与前面对比 ⭐
}

5.写在最后

可能在大家看来，这都是低级错误，但是需要考验细心，希望对大家有一定的启发，感谢评论＋转发！！！