Gatsby amplifyでデプロイ時に画像の表示方法

概要

本番コマンドで普通に動いたのにamplifyでデプロイしたら画像が表示されなかった。

本番テストコマンド

gatsby serve

amplifyの書き換えてリダイレクト設定を変更します

</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|avif|webp|txt|svg|woff|ttf|map|json)$)([^.]+$)/>

avifとwebpを追加します。

無事表示できました。

感想

単純な内容ですが、めちゃくちゃハマりました。