如何在Commerce.js中获取单个商品的全部图片？

• 调用商品详情接口后，返回的商品对象中，media字段是包含所有图片的数组，而非单个图片对象。你之前仅显示首张图片，应该是直接取了media[0]，遍历整个数组即可拿到全部20张图片。

代码示例 #

// 已初始化Commerce.js实例的前提下
const fetchAllProductImages = async (productId) => {
  const { data: product } = await commerce.products.retrieve(productId, {
    type: 'permalink', // 也可直接传入商品ID，根据实际场景调整
  });

  // 提取所有图片链接
  const allImageUrls = product.media.map(mediaItem => mediaItem.url);
  // 这里allImageUrls就是包含全部20张图片链接的数组
  console.log(allImageUrls);
};

• 如果接口返回的media数组不完整，可在请求参数中添加expand选项确保拉取完整数据：

await commerce.products.retrieve(productId, {
  expand: ['media'],
});

• 每个media数组元素通常包含url（图片链接）、alt（替代文本）等字段，可根据需求提取对应内容。

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