javascript - Next-Image Relative Paths 有效，但在抓取时指向 404 页

Question

我正在使用 next-image ，我所有的图像都在云上，图像显示 ✅。但是，当我使用 Screaming Frog 分析我的网站时或其他 SEO 工具，我收到了大量 404，因为他们在我的域中寻找这些图像。
例如:
下一个图像组件

<Image
    src={`/blog/${imageSlug}`} <=== relative path to image
    width="800"
    height="800"
/>

Next.js 采用相对路径并将其与 next.config 中的图像路径结合起来。文件。所以我们得到:https://res.cloudinary.com/jumbodonuts/image/upload/blog/donut.jpg next.config

images: {
        loader: 'cloudinary',
        path: 'https://res.cloudinary.com/jumbodonuts/image/upload/',
        domains: ['res.cloudinary.com']
    }

我的图像都在显示，所以它确实有效。但是，搜索引擎优化工具/谷歌似乎认为我的图片位于我网站所在的域中。 他们认为相对路径是我自己域中的相对路径 :例如:www.jumbodonuts.com/blog/donut.jpg - 这会导致 404，这对我的 SEO 不利。这里要注意的一件事是我正在使用 nextjs静态站点生成功能( next export )，不确定这是否有所不同。
我可以在这里做什么？我不使用 next-image正确吗？

Answer 1

您需要配置加载器。
阅读更多关于:https://nextjs.org/docs/basic-features/image-optimization#loader

The next/image component's default loader is not supported when using next export. However, other loader options will work.