React向服务器发送日期字段时出现格式无效错误求助

问题原因 #

你使用newRequest.get()时直接把date对象作为第二个参数传递，但GET请求的参数需要放在配置对象的params字段中，而非直接传对象。当前代码相当于把date当成了请求配置（如headers等），服务器根本没收到正确的日期查询参数，因此返回格式错误。

修复代码 #

修改请求部分，将日期对象放入params：

const handleFilter = async (e) => {
  e.preventDefault();
  console.log(fromDate);
  console.log(toDate);
  try {
    const date = {
      from: dayjs(fromDate).format("YYYY-MM-DD"),
      to: dayjs(toDate).format("YYYY-MM-DD"),
    };
    console.log(date);
    // 关键修改：把date放在params里
    const res = await newRequest.get("/analysis", { params: date });
    console.log(res);
  } catch (error) {
    console.log(error);
  }
};

验证方式 #

修改后可在浏览器开发者工具的Network面板查看请求URL，确认查询参数里已带上from=YYYY-MM-DD和to=YYYY-MM-DD，这和你用Postman测试时的请求格式一致。

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