如何实现分类详情页URL仅显示slug且验证商品ID？

这问题我之前帮不少开发者处理过——既想让URL干净美观只显示slug，又得保证能精准定位到唯一商品，确实有点两难，不过有几个靠谱的方案可以试试：

方案1：生成带唯一后缀的slug（最推荐） #

既然商品名称重复，那我们可以在创建商品时，自动给重复的slug添加短后缀，既保留URL的可读性，又能保证唯一性。

具体实现步骤： #

1. 创建商品时生成唯一slug：
   当用户添加商品时，先检查数据库中是否已有相同的titleSlug。如果有，就给新slug加上后缀——可以是递增数字（比如red-bag→red-bag-1→red-bag-2），也可以用商品ID的最后几位（比如red-bag-4d35c2），既短又唯一。
2. 简化路由配置：
   路由只需要接收slug参数即可，不用再带ID：

   router.get('/products/:titleSlug', shopController.getProductDetail);
   

3. 调整控制器查询逻辑：
   直接通过唯一的slug查询商品，不用再依赖ID：

   exports.getProductDetail = (req, res, next) => {
     const titleSlug = req.params.titleSlug;
     Product.findOne({titleSlug: titleSlug})
       .then(product => {
         if (!product) {
           // 处理商品不存在的情况，比如跳转404页面
           return res.status(404).render('404');
         }
         res.render('shop/product-detail', {
           pageTitle: 'Product detail',
           path: '/products',
           product: product
         });
       })
       .catch(err => {
         console.log(err);
         res.status(500).render('500');
       });
   };
   

4. 更新前端跳转链接：
   直接使用生成好的唯一slug：

   <a href="/products/<%= product.titleSlug %>" class="listing-item-container">
   

这种方案的优势很明显：URL完全没有ID，简洁易读，而且分享链接不会有任何问题，唯一的小瑕疵是重复商品的slug会多一段后缀，但比带完整ID美观太多。

方案2：用会话/Cookie暂存ID（不推荐） #

你可以在用户点击商品列表项时，把商品ID存入Session或Cookie，然后在详情页路由里从会话中取出ID来查询商品。但这个方案有致命缺点：

• 用户分享URL给他人时，对方的会话里没有对应的ID，会直接找不到商品；
• 多标签页操作时，会话里的ID可能被覆盖，导致错误跳转。

所以这个方案只适合极其特殊的场景，完全不推荐作为通用解决方案。

方案3：隐藏查询参数（不推荐） #

看起来URL是https://someshop.com/red-bag，但实际跳转时偷偷加个查询参数?id=4d35c2fcef9b6c17167ff53y，也就是：

<a href="/products/<%= product.titleSlug %>?id=<%= product._id %>" class="listing-item-container">

然后控制器从req.query.id获取ID，结合slug查询。但用户还是能看到查询参数，而且如果用户手动删掉参数，就会出现匹配错误，所以也不是最优解。

总结 #

最实用的还是方案1，生成带短后缀的唯一slug，既满足URL美观的需求，又能保证商品的精准匹配，还不影响链接分享。

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