AWS Amplify を公開する前に SPA用のリダイレクト設定を行う

AWS Amplify

AWS Amplifyでサイトを公開しようとして、AWS Amplify Consoleにgithubのレポジトリを登録する方法を使った。

この方法はブランチへのpushのタイミングで、自動で、ブランチ毎に環境を作り、アドレスを用意してくれる。

しかしこの方法を使うと、SPA用のリダイレクトの設定を初めしてくれていないので、公開前に設定する必要がある。

この設定をしていないと、index以外のアドレスにアクセスしたり、リロードすると、エラーになったり、/index.htmlという謎のアドレスに飛んで表示されなくなったりする。

設定の変更の仕方

AWS Amplify Consoleの左の欄のリダイレクトのタブを押す。

元のアドレス : </^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>
送信先アドレス : /index.html
リダイレクトの種類 : 200

上記の内容で、リダイレクトの設定を行う。

公式ドキュメント https://docs.aws.amazon.com/ja_jp/amplify/latest/userguide/redirects.html

AWS Amplify

Posted by opvel