Express/MongoDB电商项目：req.session购物车数组仅存单个元素求助

核心问题分析 #

1. 路由代码的致命错误：你在每次添加商品时执行了req.session.cart = [];，这会清空已有购物车数据，再push当前商品，导致永远只有最后添加的一个商品。
2. 中间件的错误初始化：全局中间件里强制req.session.cart = [];，每次请求都会清空购物车，自然存不住任何数据。

修复步骤 #

1. 修改购物车添加逻辑（路由代码）

删除req.session.cart = [];，改为仅当购物车不存在时初始化数组，再添加商品：

router.post('/cart', isLoggedIn, async(req, res) => {
const { itemId } = req.session
const { qty, size } = req.body;
const item = await Item.findById(itemId);
const price = item.price;

const cartItem = {
    itemId: itemId,
    qty: parseInt(qty), // 转为数字避免后续计算问题
    size: size,
    price: price,
};

// Add item to cart
// 初始化购物车（仅当不存在时）
if (!req.session.cart) {
    req.session.cart = [];
}
// 可选优化：同款同尺码商品累加数量，而非重复添加
const existingItem = req.session.cart.find(item => item.itemId === itemId && item.size === size);
if (existingItem) {
    existingItem.qty += parseInt(qty);
} else {
    req.session.cart.push(cartItem);
}

// Calculate totals
// 确保total已初始化，避免NaN
if (typeof req.session.total === 'undefined') {
    req.session.total = 0;
}
req.session.total += price * parseInt(qty);

req.session.save(err => {
    if(err){
        console.log(err);
        req.flash('error', 'Sorry, something went wrong. :(')
    } else {
        req.flash('success', 'Successfully added to cart.')
        res.send(req.session);
    }
});
})

2. 修正全局中间件的初始化逻辑

不要每次清空购物车，而是仅当购物车/总价未初始化时设置默认值：

app.use((req, res, next) => {
    res.locals.session = req.session;
    // 初始化购物车数组（仅当不存在时）
    if (!req.session.cart) {
        req.session.cart = [];
    }
    // 初始化总价为0（仅当未定义时）
    if (typeof req.session.total === 'undefined') {
        req.session.total = 0;
    }
    next();
})

额外说明 #

• 使用parseInt(qty)是为了确保数量是数字类型，避免字符串拼接导致的计算错误。
• 同款同尺码的累加逻辑是电商购物车的常见需求，如果你希望允许同款多条目，可以去掉这部分判断，直接push。

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