Express.js中/cart接口无法返回预期购物车数据问题

核心问题：路由匹配顺序错误 #

你遇到的/cart返回"cart"的问题，根本原因不是getCart控制器，而是Express的路由匹配规则：路由按定义顺序依次匹配，你的/:id动态路由定义在/cart静态路由之前，当请求/cart时，Express会把cart识别为id参数，优先匹配/:id路由，执行getOneItem控制器返回参数值"cart"，完全没走到getCart逻辑。

次要问题：getCart控制器未返回正确数据 #

当前getCart里硬编码返回"hello"，即便路由正常，也无法获取购物车数据，需要改成返回查询到的cart结果。

解决方案步骤 #

1. 调整路由顺序

把/cart相关路由移到/:id动态路由之前，确保静态路由优先匹配：

const router = require("express").Router();
const { getItem, createItem, deleteItem, editItem, getOneItem } = require("./controllers/Item")
const { addCart, getCart } = require('./controllers/cart')

router.get("/", getItem);

// 把/cart路由移到/:id前面
router.get("/cart", getCart)
router.post('/cart', addCart)

router.get("/:id", getOneItem);
router.post("/item", createItem)
router.delete('/:id', deleteItem)
router.put('/edit', editItem)

module.exports = router;

2. 修正getCart控制器

将硬编码的"hello"替换为查询到的购物车数据：

const Cart = require("../models/Cart");

const getCart = (req, res)=> {
    Cart.find()
    .then((cart) => {
        // 返回查询到的购物车数据，而非固定字符串
        res.status(200).json(cart)
    })
    .catch((err) => {
        res.status(500).json(err) // 建议加上错误状态码
    })
}

// 其他代码不变...
module.exports = {
    getCart,
    addCart
}

额外优化建议 #

• deleteItem和editItem控制器没有返回响应，前端会一直处于等待状态，建议添加响应：

  const deleteItem = (req, res) => {
      Item.deleteOne({_id: req.params.id})
      .then(() => {
          console.log('item deleted')
          res.json({message: 'item deleted'})
      })
      .catch((err) => {
          console.log(err)
          res.status(500).json(err)
      })
  }
  

• 所有响应建议明确指定HTTP状态码，方便前端处理不同场景。

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