在 Vercel 上部署后，图像未加载到 Next.js 应用程序中

IT技术 reactjs next.js nextjs-image
2022-07-07 00:13:41

我正在使用 tmdb 电影 API 并使用 Next.jsgetServerSideProps方法调用 API 并在我的网站上获取数据。

localhost一切正常，但是当我在 Vercel 中部署我的网站时，图像无法正确加载。URL 显示如下/_next/image?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Foriginal%2F%2F1g0dhYtq4irTY1GPXvft6k4YLjm.jpg%20&w=3840&q=75。我不知道从哪里来/_next?image。

有人可以帮助我吗？

在此处输入图像描述

1个回答

我认为您的图像的目录有问题，我以前也遇到过。将所有图像放在下面public/static/img并创建如下图像：

<img src={"/static/img/test.png"} alt="" />
其它你可能感兴趣的问题
上一篇如何在chartJS中的最小值和最大值之间绘制平均值？ 下一篇react,js组件部分渲染