下一张/图片显示错误“无法验证下一张图片上的第一个证书”-NextJS答案

【问题标题】：Next/Image show error "unable to verify the first certificate on next image" - NextJS下一张/图片显示错误“无法验证下一张图片上的第一个证书”-NextJS
【发布时间】：2022-10-20 19:24:51
【问题描述】：

所以，基本上我获取了有 ssl 错误的公共 api，并用这行变量修复了它。

Agent({
    rejectUnauthorized: false,
    keepAlive: false,)}

但是当我尝试使用 Next/Image 获取图像数据时，它不会出现。我打开控制台显示加载资源失败：

服务器响应状态为 500（内部服务器错误）

然后我尝试点击img url，它显示一个错误，它说

FetchError: request to https://cdn01.site.com.... 失败，原因：无法验证第一个证书

最后我使用 html img 标签，它非常好。有没有可能的方法使用 Next/image 来解决这个问题？

【问题讨论】：

标签： next.js ssl-certificate nextjs-image

【解决方案1】：

您可以通过覆盖默认加载程序来修复它

const myLoader = ({ src, width, quality }) => {
 return `${src}?w=${width}&q=${quality || 75}`
}

和

<Image
  loader={myLoader}
  src={imageUrl}
  alt="Picture of the author"
  width={500}
  height={500}
/>

【讨论】：