🐹
Amplifyで構築したアプリに直リンクでAccessDenied
AmplifyでSPAを構築しているときに遭遇
http://dev.xxxx.amplifyapp.com/loginのようにルート以外のURLにアクセスすると下記のようなエラーが発生
This XML file does not appear to have any style information associated with it.
Basic認証をかけているからかと思ったけど、公式ドキュメントを読んでいたら普通に書いてあった
SPAでルーティングを実装したい場合はリダイレクトを許可する設定をしないといけないらしい
手順
- Amplifyのコンソールのメニューから「書き換えて、リダイレクト」（和訳変w）を選択
- 下記のようにルールを追加して保存
| 送信元アドレス | ターゲットアドレス | 入力 | 国 |
|---|---|---|---|
</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|woff2|ttf|map|json)$)([^.]+$)/> |
/index.html | 200 |
結果
ルーティング先に直にアクセスできた！！
Discussion