Express表单POST提交未匹配指定路由的问题求助

这是个很常见的路由挂载与表单路径匹配的坑，我来帮你搞定：

问题根源拆解 #

• 你的posts路由已经通过app.use('/posts', posts)挂载在了/posts前缀下，所以posts.js里定义的所有路由都会自动带上/posts前缀（比如你在posts.js里写router.post('/save_post', ...)，实际生效的路径是/posts/save_post）。
• 当你表单写action="/save_post"时，这是根路径起始的绝对路径，浏览器会直接跳转到http://localhost:3000/save_post，完全忽略了路由的挂载前缀。
• 而写action="posts/save_post"时，这是相对当前页面的路径，当前页面是http://localhost:3000/posts/newpost，浏览器会把路径拼接成http://localhost:3000/posts/posts/save_post，自然就出现了重复的posts前缀。

两种可行的解决方案 #

方案1：使用相对当前页面的路径（推荐，更灵活） #

直接把表单的action改成不带开头斜杠的save_post：

form(role='form', enctype='multipart/form-data', action="save_post", method="post", style='max-width: 250px;')

浏览器会自动基于当前页面的URL（http://localhost:3000/posts/newpost），去掉最后一段newpost，替换成save_post，最终跳转路径就是http://localhost:3000/posts/save_post，完美匹配你的路由配置。

方案2：使用根路径起始的完整路径 #

如果你想明确指定绝对路径，直接写路由的完整路径：

form(role='form', enctype='multipart/form-data', action="/posts/save_post", method="post", style='max-width: 250px;')

这个方式更直接，但缺点是如果以后你修改了posts路由的挂载前缀（比如改成/blog），就得同步修改表单里的action路径。

最后验证路由配置 #

确保你在posts.js里已经正确定义了POST请求的处理路由：

router.post('/save_post', (req, res) => {
  // 这里写表单提交的处理逻辑，比如保存帖子、上传文件等
});

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