web-dev-qa-db-fra.com

Angular Routing ne fonctionne pas avec Cloudfront et S3

J'ai un angular 6 hébergé sur S3 avec hébergement de site Web S3 activé. J'ai également une distribution de CloudFront en face de celle-ci. J'ai configuré Cloud Front afin qu'il redirige quelque chose à index.html et Réponses avec 200.

Cependant, seuls "/" peuvent être accessibles à l'aide de Cloudfront. D'autres URL telles que "/ *" ne sont pas chargées. Angular Charges "/" Ceci à la place. Comme si angular ne voit que "/".

J'ai ajouté un certain code pour enregistrer l'URL passée à angular et il s'avère toujours "/".

En outre, d'autres fois "/ *" URL ne charge même pas "/" et je vois cette erreur sur la console "SyntaxError non capturé: jeton inattendu <".

Est-ce que vous avez une idée de ce qui pourrait causer cela?

S3 Paramètres enter image description here

Comportement avant du nuage:

enter image description here

enter image description here

enter image description here

9
super7egazi

Dans mon cas, cela pourrait être résolu en ajoutant index.html comme "document d'erreur" sous "Hébergement de site Web statique". Rien d'autre.

0
pauldendulk