Node.js中PUT请求报404：Cannot POST /discos/edit/问题求助

1. 修正表单提交路径（核心问题） #

终端报错Cannot POST /discos/edit/说明表单提交的路径缺失了:id参数，而你的PUT路由是/discos/edit/:id，两者完全不匹配。检查HTML表单的action属性：

• 错误写法：<form action="/discos/edit/" method="POST">
• 正确写法（以EJS模板为例）：<form action="/discos/edit/<%= disco.id %>" method="POST">
  确保路径里包含具体的discos ID，提交时才会匹配到/discos/edit/:id路由。

2. 确认method-override中间件配置正确 #

Express默认不识别_method参数，必须通过method-override中间件实现请求方法覆盖：

• 先安装依赖：npm install method-override
• 在路由加载前配置中间件（注意顺序要在express.urlencoded之后）：

  const methodOverride = require('method-override');
  app.use(methodOverride('_method'));
  

如果中间件未配置或顺序错误，_method=PUT会直接失效，服务器仍按POST请求处理，而你没有定义POST /discos/edit/路由，自然会返回404。

3. 验证PUT路由定义 #

检查你的PUT路由是否正确携带:id参数，且在中间件之后加载：

// 正确的路由定义
app.put('/discos/edit/:id', (req, res) => {
  // 编辑逻辑处理
});

避免写成app.put('/discos/edit', ...)（缺失:id参数），否则无法匹配带ID的提交路径。

4. 检查表单基础配置 #

• 表单的method属性必须设为POST：<form method="POST">，浏览器原生不支持PUT请求，必须通过POST+_method参数实现方法覆盖。
• 隐藏字段必须正确配置：<input type="hidden" name="_method" value="PUT">，确保name属性是_method，和中间件配置的参数名完全一致。

5. 用开发者工具验证请求 #

打开浏览器F12进入「网络」标签，提交表单后查看请求详情：

• 确认请求URL是/discos/edit/[具体ID]而非/discos/edit/
• 确认请求头里的X-HTTP-Method-Override字段值为PUT（method-override会自动添加这个请求头）

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