Posted at

AWS Amplify ConsoleでSPAのときのリダイレクト設定


問題点

SPAサイトをAWS Amplify Consoleで自動デプロイしようとしていたときにブラウザから特定のサイトにアクセスするとき、 403 Access denniedになっていたのでその対策を調べた結果を載せておく


原因

SPAのページ遷移はサーバーリクエストをせずにHTML5のhistory.pushState()で遷移される。そのため、ブラウザからのアクセス(サーバリクエスト)があった場合はindex.htmlに遷移するように設定する必要がある


解決策

Amplifyのメニューのrewrites and redirectsから以下を設定

スクリーンショット 2019-10-01 23.10.04.png


参考

https://docs.aws.amazon.com/ja_jp/amplify/latest/userguide/redirects.html