使用Axios更新数据时URL中ID读取异常导致500错误的解决方法

嘿，我一眼就发现你代码里的小问题啦！先看你写的请求URL部分：

axios.put(`api/firstmemory/${id}}`, upInfo)

这里有个语法错误——模板字符串的末尾多了一个额外的闭合大括号}！这会导致实际发送的URL变成api/firstmemory/1}（假设你的id是1），后端根本识别不了带多余括号的ID格式，自然就返回500服务器错误了。

具体修复步骤： #

只需要移除那个多余的大括号，修正后的完整代码如下：

const id = detail.id;
const updateFirstInfo = (e) => {
  const upInfo = {
    first: first,
    date: change,
    memo: memo,
  }
  console.log(id); //1
  axios
    .put(`api/firstmemory/${id}`, upInfo) // 去掉了多余的闭合大括号
    .then(res => {
      console.log("ok");
    })
    .catch(err => {
      alert("err");
    });
};

额外排查小贴士： #

• 修正后可以打开浏览器开发者工具的「Network」面板，查看PUT请求的完整URL，确认ID是否正确拼接在路径里
• 检查后端路由是否正确配置了接受/api/firstmemory/:id格式的PUT请求
• 确认请求体upInfo的字段名、数据类型和后端接口要求的参数完全匹配，有时候参数不匹配也会触发500错误

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