Next.js 12.3.1中next/image无法加载外部CDN图片的解决求助

• 问题根源：remotePatterns是Next.js 13及以上版本才支持的配置项，你的12.3.1版本不兼容该配置，导致添加后无法生效。
• 正确配置方式：12.x分支需使用images.domains指定允许的CDN主机名，修改next.config.js如下：

// next.config.js
module.exports = {
  images: {
    domains: ['assets.example.com'],
  },
}

• 必要操作：修改配置后必须重启Next.js开发服务器，新配置才能生效。若CDN包含多个子域名，需将所有用到的hostname依次添加到domains数组中。

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