URL传递多参数异常：第二个参数始终为undefined的问题排查

问题根源 #

1. 路由路径拼写错误：serach应为search，路径不匹配会导致参数解析异常
2. Axios请求URL格式错误：路径参数不需要添加?，错误的符号会破坏路径结构，导致第二个参数无法被识别
3. 参数类型混淆：路由定义的是路径参数（URL路径中的分段），但你尝试用Axios的params选项传递，而params是用来传递查询参数（URL中?后的键值对）的，两者不匹配

修复方案 #

方案1：修正路径参数的请求方式（匹配现有路由）

首先修正路由拼写错误：

router.get("/documents/search/:key?/:sort?", verifyUser, getAllDocuments);

然后调整Axios请求的URL拼接逻辑，直接将参数作为路径分段传递，同时处理参数为空的情况避免无效路径：

const getDocuments = async () => {
  const pathParts = [];
  if (query) pathParts.push(query);
  if (query2) pathParts.push(query2);
  const url = `http://localhost:5000/documents/search/${pathParts.join('/')}`;
  
  const response = await axios.get(url);
  setDocuments(response.data);
};

后端通过req.params.key和req.params.sort获取参数即可。

方案2：改用查询参数（更适合搜索场景）

如果不需要严格的路径分段，改用查询参数更灵活，无需遵循参数顺序：

• 修改路由为：

router.get("/documents/search", verifyUser, getAllDocuments);

• 后端通过req.query.key和req.query.sort获取参数
• Axios请求使用params选项传递：

const getDocuments = async () => {
  const response = await axios.get("http://localhost:5000/documents/search", {
    params: {
      key: query,
      sort: query2
    }
  });
  setDocuments(response.data);
};

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