小编Abh*_*edi的帖子

我正在使用 NextJS<Image />组件。我使用本地图像源和外部 API 源。一切都在我的本地开发环境中运行，但是一旦我将其托管在服务器上进行生产，来自 API 的动态图像就不会显示。

<Image
  src="house.jpg"   // loaded from local and works fine
  alt="Picture of my house."
  width={250}
  height={250}
/> 

下面的代码适用于开发环境，但不适用于生产服务器。

const renderHouses = (apiHouses) => (
   apiHouses.map(house => (
      <div key={house.id}>
         <Image
           src={house.img}   // not working (loading) on production server
           alt={`Picture of ${house.name}`}
           width={250}
           height={250}
         /> 
      </div>
   ))
)