如何使用Axios发送带查询参数的GET请求？React中无法生效

你的问题出在Axios GET请求的参数传递格式错误上。Axios的get方法仅接受两个参数：请求URL和配置对象，你错误传入了三个参数，导致包含params的配置对象未被正确识别。

修正后的前端代码 #

const handleSubmit = async () => {
  try {
    const res = await axios.get(
      "http://localhost:5000/api/products",
      {
        params: {
          name,
        },
      }
    );
    console.log(res.data);
  } catch (err) {
    // 建议添加错误处理，方便排查问题
    console.error('请求出错:', err);
  }
};

说明 #

• Axios GET请求的正确语法为：axios.get(url[, config])，配置对象直接作为第二个参数传入，无需额外空对象占位。
• 后端代码本身无问题（Postman能正常运行也验证了这一点），前端正确传递name参数后，后端即可通过req.query.name获取值并执行模糊查询。

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