Nextjs调用S3 Bucket图片时遇证书域名不匹配错误如何解决？

错误原因 #

你的请求URL末尾多了一个英文句号（.），导致主机名bucketname.s3.us-west-1.amazonaws.com.不在AWS S3的SSL证书可信域名列表里。

解决步骤 #

• 修正图片URL：检查生成的S3图片链接，确保末尾没有多余的句号。把错误的https://bucketname.s3.us-west-1.amazonaws.com./1671375836114改为https://bucketname.s3.us-west-1.amazonaws.com/1671375836114。
• 验证Next.js图片域名配置：在next.config.js的images.remotePatterns中正确配置S3域名，确保没有包含末尾的句号：

  module.exports = {
    images: {
      remotePatterns: [
        {
          protocol: 'https',
          hostname: 'bucketname.s3.us-west-1.amazonaws.com',
          pathname: '/**',
        },
      ],
    },
  }
  

• 检查桶名与域名格式：如果桶名包含特殊字符（如.），可以尝试改用区域特定的域名格式bucketname.s3-us-west-1.amazonaws.com，同时同步更新next.config.js中的配置。

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