Request method ‘POST‘ not supported。 Failed to load resource: net::ERR_FAILED

最新推荐文章于 2025-07-05 23:14:38 发布

乡下小哥编程

最新推荐文章于 2025-07-05 23:14:38 发布

阅读量1.7k

点赞数 7

CC 4.0 BY-SA版权

分类专栏：前端Bug 文章标签： vue.js restful 前端

本文链接：https://blog.csdn.net/weixin_43304253/article/details/125779624

前端Bug 专栏收录该内容

33 篇文章

订阅专栏

本文探讨了一个Springboot+Vue+MybatisPlus项目中，前后端因错误使用HTTP方法导致的问题。前端报错显示调用了错误的接口，而后端反馈表明接口设计遵循了ResultFul风格。问题源于前端调用后台接口时使用了不恰当的方法。解决方案是修正前端调用后台接口的方式，确保CRUD操作与HTTP方法正确匹配。通过理解HTTP方法与RESTful CRUD的映射，可以避免类似问题并提升接口设计的规范性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、问题描述

技术栈：前后端项目分离（Springboot+Vue+MybatisPlus）

前端报错信息：
在这里插入图片描述
后端报错信息：

2、问题分析

这里使用了ResultFul风格的接口设计方式、增删改查对应不同的方法请求、这里错误使用了方法请求导致

3、问题源头

前端调用后台接口的方法
在这里插入图片描述

4、解决方法

修改调用后台接口的方法

前端调用后台接口
在这里插入图片描述
后台接口设计

5、知识扩展（认识HTTP方法与CRUD动作映射）

动作	普通的CRUD的url	普通的CRUD的HTTP方法	RestFul的URL	RestFul的HTT方法
查询	Article/id=1	GET	Article/{id}	GET
添加	Article?title=xxx&body=xxx	GET/POST	Article	POST
修改	Article/update?id=xxx	GET	Article/{id}	PUT/PATCH
删除	Article/delete?id=xxx	GET	Article/{id}	DELETE