图片在某些页面上显示但在其他页面上没有显示

Question

我最近遇到了一个问题，我保存在服务器上的图像显示在页面上，但未显示在网站的其他页面上。我已经搜索了两天，但无济于事，我想知道是什么原因引起的，我在服务器上使用express并为客户端使用js，请问是否有人能弄清楚该代码为何不起作用，我会非常感谢。

// get a product by id (API endpoint)
// @@@ - public
router.get('/find/:productId', async (req, res) => {
  try {
    const product = await Product.findById(req.params.productId);

    if (!product) {
      return res.status(404).json({ errors: [{ msg: 'Product not found' }] });
    }

    res.json(product);
  } catch (err) {
    console.error(err.message);
    res.status(500).send('Server Error');
  }
});


// get product by id (React-redux fetching the api)
export const getItemById = (productId) => async (dispatch) => {
  dispatch(clearItem());
  dispatch(loading());

  try {
    const res = await axios.get(`/api/products/find/${productId}`);

    dispatch({ type: GET_ITEM_BY_ID, payload: res.data });
  } catch (err) {
    dispatch({ type: ITEM_ERROR, payload: 'Error occured' });
  }
};

//code for fecthing the images (this is a dumb prop and the data gotten from the data has been passed into it)
const ItemImages = ({ item }) => {
  return (
    <div>
      <Carousel>
        {item.productImages.map((img) => {
          return (
            <div key={img._id}>
              <img src={img.image.data} alt='product' />
            </div>
          );
        })}
      </Carousel>
      <h1>{item && item.title}</h1>
    </div>
  );
};

第一张图片显示该图像确实加载在一页上 第二张图片显示该图片未加载到另一张图片上，我也显示了“网络”标签

[