Node.js/Express中无法发起PUT、PATCH、DELETE请求的问题

咱们先弄明白你现在遇到的核心问题：HTML里的<a>标签不管你写method="delete"，浏览器都会默认发送GET请求——因为HTML规范里，<a>标签只支持GET，而HTML表单也仅允许GET和POST两种方法。你后端配置的是app.delete('/posts/delete')，自然匹配不上GET请求，所以返回Cannot GET /posts/delete/。

下面针对你的三个疑问逐一解答：

1. 有没有不依赖库和Ajax调用的实现方式？ #

有！可以用HTML表单+Express的method-override中间件来模拟DELETE请求，完全不需要Ajax，步骤如下：

前端代码（用表单代替a标签） #

<form action="/posts/delete" method="POST">
  <!-- 隐藏字段告诉后端要把POST转换成DELETE -->
  <input type="hidden" name="_method" value="DELETE">
  <button type="submit">delete</button>
</form>

后端配置（需要引入method-override中间件） #

首先安装依赖：

npm install method-override

然后在Express中配置：

const express = require('express');
const methodOverride = require('method-override');
const app = express();

// 配置method-override，识别名为"_method"的参数
app.use(methodOverride('_method'));

// 你的DELETE路由
app.delete('/posts/delete', (req, res) => {
  res.send('delete');
});

app.listen(3000);

原理是：表单发送POST请求，中间件会读取_method字段的值，把请求方法转换成DELETE，这样就能匹配到你后端的app.delete路由了。

2. 既然GET可以处理，为何需要DELETE请求？ #

这主要是RESTful API设计的语义规范和安全性两方面的原因：

• 语义清晰：REST用HTTP方法对应资源操作：GET（获取）、POST（创建）、PUT（全量更新）、DELETE（删除）。看到DELETE /posts/1，任何人都能立刻明白这是删除ID为1的帖子；而如果用GET /posts/delete/1，语义就很模糊——到底是获取删除确认页面，还是直接执行删除？
• 安全性：GET请求会被浏览器缓存、记录在历史记录里。如果用GET来执行删除操作，用户不小心刷新页面、点击历史记录，就会重复触发删除，导致数据丢失。而DELETE（或POST）请求不会被缓存，也不容易误触发。
• 幂等性：DELETE是幂等操作——多次执行同一个DELETE请求，结果是一样的（比如删除一个已经不存在的资源，返回的结果和第一次删除一致）；而GET虽然也是幂等，但它的语义不是“修改资源”，用GET做删除不符合HTTP方法的设计初衷。

3. PUT、PATCH与POST请求的区别是什么？ #

这三个方法的核心区别在于语义和使用场景：

• POST：
  • 主要用于创建新资源，比如提交表单创建一篇新帖子，URL通常是资源集合路径（如/posts）。
  • 非幂等：多次提交可能会创建多个相同的资源（除非后端做了去重逻辑）。
  • 也可用于执行一些不适合用REST语义描述的操作（比如触发一个复杂的业务流程）。
• PUT：
  • 主要用于全量更新现有资源，或者创建已知ID的资源（比如你提前知道帖子ID是1，用PUT /posts/1来创建或替换这个帖子的所有字段）。
  • 幂等：多次执行同一个PUT请求，资源的最终状态是一致的。
• PATCH：
  • 主要用于部分更新现有资源，比如只修改帖子的标题，不需要传递所有字段（如PATCH /posts/1，请求体只传{title: "新标题"}）。
  • 通常是非幂等的，但也可以根据业务需求设计成幂等。

最后补充你提到的Postman能正常运行的原因：Postman是专门的API调试工具，它可以直接发送任意HTTP方法的请求（包括DELETE、PUT、PATCH），不受HTML规范的限制；而浏览器在处理原生HTML表单或<a>标签时，只能发送GET和POST请求，这是HTML标准规定的。

内容的提问来源于stack exchange，提问作者Sanjay