expressJS 的方法覆盖不适用于 PUT 隐藏方法 HTML FORM

Question

使用 express 和 mongoose/mongo 创建一个 todo 应用。领域模型：作者有提醒。

在我的app.js：

var bodyParser = require('body-parser')
var methodOverride = require('method-override')
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended:true}))
app.use(methodOverride('_method'))

我在views/authors/edit.hbs 中使用车把的表单：

<h2>Edit {{name}}</h2>
<form action="/authors/{{_id}}" method="post">
  <input type="hidden" name="_method" value="put">
  <label>Name:</label>
  <input type="text" name="name">
  <input type="submit">
</form>

我的编辑视图路由和更新作者的请求：

app.get("/authors/:id/edit", function(req, res){
  AuthorModel.findById(req.params.id, function(err, docs){
    res.render("authors/edit", docs)
  })
})

app.put("/authors/:id", function(req, res){
  console.log("updating")
  AuthorModel.findById(req.params.id, function(err, docs){
    docs.name = req.body.name
    docs.save(function(err){
      if(!err){
        res.redirect("authors/" + req.params.id)
      }
    })
  })
})

当我检查开发工具中的元素时，我看到了我需要查看的所有内容，但是当我去提交时，给了我错误 CANNOT POST。创建功能工作正常，所以我的第一个想法是方法覆盖不起作用。如果我将 put 更改为 POST，则一切正常。

如果有帮助，请链接到包含此 app 的存储库

Answer 1

从文档来看，有两种常见的方法覆盖方法：

• 使用a header;
• 使用query string parameter；

您正在使用指定表单变量的“旧”方法，您仍然可以使用该方法，但这需要在服务器端使用custom logic。

在我看来，解决这个问题的最简单方法是使用查询字符串参数：

<form action="/authors/{{_id}}?_method=put" method="post">