More than 3 years have passed since last update.

Amplifyでデプロイしたがトップページ以外のURLがAccesssDeniedになってしまう件

Last updated at 2021-02-08Posted at 2021-02-08

背景

AWS AmplifyでReactのSPAアプリケーションをデプロイをした際に、発行されたURLのトップページは開いたが、それ以外のURLを叩くとAccesssDenied(403エラー)になってしまった。

その解決方法をメモがてら残しておきます。

ここでは解決方法だけ記載します。
原因など詳しく知りたい場合は以下の参考サイトに記述されていますので、そちらにお願いします。
参考サイト:
Amplify Console でデプロイした SPA が403エラーになった原因と対策
[[公式]AWSドキュメント Amplifyでリダイレクトのやり方]
(https://docs.aws.amazon.com/ja_jp/amplify/latest/userguide/redirects.html)

AWS Consoleにログイン
サービスからAmplifyを選択
対象のアプリを選択
左側のメニューから「書き換えて、リダイレクト」を選択
編集から以下のように設定する
4. 宛先アドレス：^((?!.(css|gif|ico|jpg|js|png|txt|svg|woff|ttf)$).)*$/>
5. ターゲットアドレス:/index.html
6. 入力:200(Rewrite)

以上の設定でトップページ以外のURLにも遷移するようになる。