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

简介: 这篇文章讲述了在前后端分离的项目中,由于前端错误地使用了GET请求方法而不是支持的POST,导致请求被后端拒绝的问题,并提供了相应的解决方法和HTTP方法的CRUD映射知识。

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

在这里插入图片描述

相关文章
成功解决:Failed to load resource: net::ERR_FILE_NOT_FOUND
这篇文章提供了解决"Failed to load resource: net::ERR_FILE_NOT_FOUND"错误的步骤,通过修改配置文件中的资源路径设置为相对路径"./"来成功运行打包后的项目。
成功解决:Failed to load resource: net::ERR_FILE_NOT_FOUND
|
5月前
|
Oracle 关系型数据库
Navicat 连接Oracle ORA-28547: connection to server failed, probable Oracle Net admin error
Navicat 连接Oracle ORA-28547: connection to server failed, probable Oracle Net admin error
134 0
|
JavaScript
Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’
Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’
Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’
DevTools failed to load source map: Could not load content for…System error: net::ERR_FILE_NOT_FOUN
DevTools failed to load source map: Could not load content for…System error: net::ERR_FILE_NOT_FOUN
Net: Board Net Initialization Failed No ethernet found.
Net: Board Net Initialization Failed No ethernet found.
310 0
|
Java 关系型数据库 MySQL
14. 成功解决:ERROR:ssl_client_socket_impl.cc(992) handshake failed; returned -1, SSL error code 1, net_error -103
今天使用 Python 的 selenium 时,一直在报如下错误:[30616:22540:0328/093748.004:ERROR:ssl_client_socket_impl.cc(992)] handshake failed; returned -1, SSL error code 1, net_error -100
4346 0
|
弹性计算 Java 应用服务中间件
EDAS - Exec cmd failed:java.net.SocketTimeoutException: timeout
背景 导入 EDAS 框架的 ECS 机器(ECU)部署应用时报错如下: Exec cmd failed:java.net.SocketTimeoutException: timeout 1)先看下 EDAS agent 进程是否启动 ps aux | grep edas-agent 2)如果没.
1728 0
|
SQL 分布式计算 Java
Caused by: java.net.ConnectException: Call From master/192.168.199.130 to master:9000 failed on connection exception: java.net.ConnectException: Conne
1:安装好hive,准备启动的时候出现下面的错误(由于hive是基于Hadoop的,所以必须先将你的集群启动起来,我就是没有启动集群,直接启动hive导致的错误): 1 [root@master bin]# .
4130 0