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

e4yzc0pl  于 2023-01-02  发布在  React
关注(0)|答案(2)|浏览(143)

我使用tmdb电影API和Next.js getServerSideProps方法调用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来自哪里。
有人能帮帮我吗?

pdsfdshx

pdsfdshx1#

我认为有一个问题与目录的图像,我有过它之前。把所有的图像下public/static/img和创建一个图像如下:

<img src={"/static/img/test.png"} alt="" />
b4lqfgs4

b4lqfgs42#

当Next.js应用程序部署在生产中的Vercel上时,无法加载图像,但在运行本地和预览部署时能够加载图像,如果人们正在寻找这个问题的答案...
这对我来说是有效的。在图像部分下的next.config.js中添加我自己的域

images: {
    domains: [
      'www.your-domain-name.com',
    ]
  },

也意味着添加外部源的域可能会有帮助--这对我很有效。

相关问题