生产环境中Next Image加载Contentful资源出现502错误求助

生产环境使用Next.js Image组件加载Contentful图片时出现502错误，已在next.config.js中配置remotePatterns规则，但问题仍未解决。本地环境下所有功能均正常运行，使用的Next.js版本为13.4.3。

相关配置代码 #

const config = {
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'images.ctfassets.net',
        port: '',
        pathname: '/**',
      },
    ],
  },
}

组件中Image使用代码片段 #

case contentful.types.jumbotron: {
  const transformedJumbotronData = transformJumbotron(section.data);
  console.log('https:' + transformedJumbotronData.image.url);
  //输出内容为https://images.ctfassets.net/ABC123/Full_image.png
  const desktopImage = (
    <Image
      src={'https:' + transformedJumbotronData.image.url}
      width={500}
      height={500}
      alt={transformedJumbotronData.image.alt}
    />
  );
  sectionComponents.push(
    <Jumbotron
      key={index}
      ctaButtons={transformedJumbotronData.ctaButtons}
      desktopImage={desktopImage} //接受JSX元素
      title={transformedJumbotronData.title}
    />
  );

错误截图 #

内容的提问来源于stack exchange，提问作者Hudson Basso