問題のAmazonドメインがすでにnext.config.jsのドメインに構成されているs3にいくつかの画像を保存するAmazonの特定のURLがありますが、前面にはロードされません。unsprah などの外部 URL を入力すると、正常に読み込まれます。
問題の URL は、idinheiro-admin-images.s3.sa-east-1.amazonaws.com です。
そして、コンソールで発生するエラーは 404 (Bad Request) の URL にあります。
-- エラーコンソール --
GET http://localhost:3000/_next/image?url=https%3A%2F%2Fidinheiro-admin-images.s3.sa-east-1.amazonaws.com%2Fcartao-de-credito%2Fol%25C3%25A9%2520consignado_1619718123784.png&w=64&q=75 400 (Bad Request)
-- next.config.js --
(module.exports = {
images: {
domains: [
'images.unsplash.com',
'idinheiro-admin-images.s3.sa-east-1.amazonaws.com'
]
}
})
-- 使用コンポーネント --
<Image
src="https://idinheiro-admin-images.s3.sa-east-1.amazonaws.com/cartao-de-credito/ol%C3%A9%20consignado_1619718123784.png"
alt={partnerCard.alt}
width={100}
height={63}
/>