使用参数的Axios路由请求返回404

问题描述

我正在尝试打这条路线：

app.post("/api/score/:id-:name-:score",(req,res) => {
  //Do stuff
})

使用以下代码请求

export default{
    AddNewscore: async(targetQuiz,newName,newscore) => {
        return axios.post(`api/score/${targetQuiz._id}-${newName}-${newscore}`).then(payload =>{
            return payload;
        }).catch(err => {
            console.log(err);
        })
    } 
}

但是，每当发出此请求时，我都会收到404错误。我已经能够将其他请求发送到我的API路由，因此前端/后端连接没有问题。

更新：

以下是来自路由文件的更多代码：

这是一条可行的路线：

app.get("/api/quizlist",res) => {
  console.log("Recieved Request");
  db.QuizData.find().then(data => {
    console.log("Passed Data");
    res.json(data);
  }).catch(err => {
    res.json(err);
  });
});

以下是应该处理CORS的代码：

app.use("*",async (req,res,next) => {
  res.setHeader("Access-Control-Allow-Origin","http://localapp.com:3000")
  res.setHeader("Access-Control-Allow-Methods","GET,POST,PATCH,PUT,DELETE,OPTIONS")
  res.setHeader("Access-Control-Allow-Headers","Origin,Accept,Content-Type,Authorization")
  res.setHeader("Access-Control-Allow-Credentials",true)
  next()
})

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）