Express路由中req.params.brand返回undefined问题求助

问题分析 #

你的代码中存在两个核心问题导致req.params.brand始终为undefined：

1. 前端请求未命中目标路由 #

当前productActions里的getProducts函数固定请求/api/products，这个路径对应路由文件中productRoutes.route("/")的分支，完全不会触发/shop/:brand路由。只有请求包含/shop/:brand的完整路径时，才能获取到URL参数。

2. 路由挂载前缀可能存在配置错误 #

如果主应用中挂载productRoutes的前缀不正确，会导致实际路由路径与预期不符，无法匹配到/shop/:brand规则。

解决方案 #

方案1：修改前端请求逻辑，动态生成请求路径 #

更新productActions中的getProducts函数，使其支持传入brand参数，根据参数生成对应请求路径：

import axios from "axios";
import { setProducts, setLoading, setError } from "../slices/products";

export const getProducts = (brand = null) => async (dispatch) => {
  dispatch(setLoading(true));
  try {
    // 根据brand参数选择请求路径
    const requestUrl = brand ? `/api/products/shop/${brand}` : "/api/products";
    const { data } = await axios.get(requestUrl);
    dispatch(setProducts(data));
  } catch (error) {
    dispatch(
      setError(
        error.response && error.response.data.message
          ? error.response.data.message
          : error.message
          ? error.message
          : "An unexpected error has occurred. Please try again later."
      )
    );
  }
};

调用该函数时，传入品牌参数即可触发目标路由：

// 示例：获取Apple品牌的商品
dispatch(getProducts("Apple"));

方案2：确认路由挂载前缀正确性 #

检查主应用文件（如app.js/server.js）中挂载productRoutes的代码，确保前缀与预期一致：

import express from "express";
import productRoutes from "./routes/productRoutes.js";

const app = express();
// 确保挂载前缀为/api/products
app.use("/api/products", productRoutes);

验证方法 #

可以直接在Postman或浏览器地址栏中请求测试路径，比如：

http://localhost:你的端口号/api/products/shop/Apple

查看后端控制台是否打印出Apple，以此确认路由参数是否正常获取。

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