Vue3/Axios调用Express接口时req.params获取值异常求助

你犯了两个关键错误：

1. Axios GET请求的参数传递方式不对：你直接把带占位符的路径和data对象传给get方法，但Axios不会自动将data里的值替换路径中的:email占位符，而且GET请求的data参数不会被解析为路径参数。
2. 后端响应写法有误：res.sendStatus(200)会直接发送状态码并终止响应，后续的.json(data)不会执行，应该改用res.status(200).json(data)。

根据你的需求，有两种正确的实现方式：

方式一：使用路径参数（保持原后端路由结构） #

客户端Axios代码修正 #

用模板字符串将实际邮箱值替换路径中的占位符：

checkEmail (data) {
  // 用模板字符串把data.email替换路径里的:email
  return http.get(`/users/${data.email}`)
}

这样发送的请求URL会是/users/ThisIs@MyEmail.Org，后端req.params.email就能正确获取到邮箱值。

后端Express代码修正（修复响应+异步处理） #

router.get('/users/:email', async function (req, res) {
  console.log(req.params.email)
  try {
    const data = await User.find({ email: req.params.email })
    res.status(200).json(data)
  } catch (err) {
    res.status(500).json({ error: err.message })
  }
})

补充：User.find是异步操作，建议用async/await或Promise处理，避免直接返回Query对象而非实际数据。

方式二：使用查询参数（更适配GET请求传参场景） #

如果不想用路径参数，也可以通过URL查询参数传递邮箱：

客户端Axios代码 #

checkEmail (data) {
  // 用params选项传递查询参数，Axios会自动拼接成?email=xxx格式
  return http.get('/users', { params: data })
}

后端Express代码 #

修改路由去掉路径占位符，改用req.query获取参数：

router.get('/users', async function (req, res) {
  const email = req.query.email
  console.log(email)
  try {
    const data = await User.find({ email: email })
    res.status(200).json(data)
  } catch (err) {
    res.status(500).json({ error: err.message })
  }
})

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