Ajax POST请求返回404错误，前端正常后端路由配置求助

你的问题其实有两个核心原因，都和路由配置不匹配有关：

1. HTTP请求方法不匹配 #

你前端Ajax明确发送的是POST请求（type: "POST"），但后端却用app.get()定义了这个路由——服务器只会响应匹配HTTP方法的路由，找不到对应的POST路由时自然返回404。

2. 路由路径不匹配 #

前端请求的URL是/dashboard/${guildID}/manage/save，但后端的路由路径是/dashboard/:guildID/save，少了中间的/manage部分，这也是服务器无法识别请求的关键原因。

修复方案：调整后端路由配置 #

把原来的GET路由改成POST，同时补全路径中的/manage部分，修改后的代码如下：

app.post("/dashboard/:guildID/manage/save", checkAuth, async (req, res) => {
  const guild = client.guilds.get(req.params.guildID);
  if (!guild) {
    return res.status(404).json({ error: "指定的服务器不存在" });
  }

  // 现在可以正常获取前端发送的JSON数据了
  console.log("收到的提交数据：", req.body);

  // 这里添加你的数据处理逻辑（比如保存到数据库等）

  // 给前端返回JSON响应（因为是Ajax请求，重定向不会让页面跳转，建议返回JSON）
  res.json({ success: true, message: "设置已保存" });
  
  // 如果确实需要页面跳转，让前端在success回调里手动执行：
  // window.location.href = `/dashboard/${guildID}`;
});

额外说明： #

• 你已经正确配置了body-parser.json()，加上前端设置了contentType: "application/json"和JSON.stringify(data)，所以修改路由后req.body就能正常获取到提交的JSON数据了。
• 原来路由里的res.contentType('json')可以去掉，因为res.json()会自动设置正确的Content-Type响应头。
• 其他POST路由正常工作，是因为它们的HTTP方法和路径都和前端请求完全匹配，而这个路由刚好踩了两个不匹配的坑。

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