Create React App からアプリを Next.js に変換しています。
Next.js は AWS からイメージをロードする必要がありますが、これは起こりません。なんで?
数日前に機能しました。キャッシングの問題か何かだと思いますか?
何かアイデアはありますか?
Next.js では、アプリは次のローカル URL から画像を読み込みます。
http://localhost:3000/_next/image?url=https%3A%2F%2Fticket-t01.s3.eu-central-1.amazonaws.com%2Fob8h_0.cover.jpg&w=1200&q=100
next.config.js
:
const { nextI18NextRewrites } = require("next-i18next/rewrites");
const localeSubpaths = {
hu: "hu",
en: "en"
};
module.exports = {
rewrites: async () => nextI18NextRewrites(localeSubpaths),
publicRuntimeConfig: {
localeSubpaths
},
images: {
domains: ["ticket-t01.s3.eu-central-1.amazonaws.com"]
}
};
1 画像タグ:
<Image
src={`https://ticket-t01.s3.eu-central-1.amazonaws.com/${props.imgId}_0.cover.jpg`}
className={styles.imageEventMain}
alt="main event"
layout="responsive"
width={1795}
height={1000}
quality={100}
/>;
React では、AWS やイメージの読み込みに問題はありませんでした。
編集
イメージにアクセスしようとしたときの console.log: