web-dev-qa-db-ja.com

AngularルーティングがCloudfrontとS3で機能していません

angular 6のウェブサイトをS3でホストし、S3ウェブサイトホスティングを有効にしました。また、その前にCloudFrontディストリビューションを用意しました。すべてをindex.htmlにリダイレクトするようにクラウドフロントを設定しました。 200で応答します。

ただし、CloudFrontを使用してアクセスできるのは「/」のみです。 「/ *」などの他のURLが読み込まれていません。 Angularは代わりに "/"をロードします。まるでangularは "/"のみを表示します。

angularに渡されたURLをログに記録するコードを追加しましたが、常に「/」であることがわかりました。

また、「/ *」URLが「/」をロードしない場合もあり、コンソール「Uncaught SyntaxError:Unexpectedtoken <」でこのエラーが表示されます。

何がこれを引き起こしているのか分かりますか?

S3設定 enter image description here

クラウドフロントの動作:

enter image description here

enter image description here

enter image description here

5
super7egazi

私の場合、これは「静的ウェブサイトホスティング」の下の「エラードキュメント」としてindex.htmlを追加することで解決できます。他には何もありません。

0
pauldendulk