Des petits problèmes entre CORS et CloudFront ?

Information : si vous souhaitez juste comprendre l’illustration jointe, rendez-vous directement à la fin de l’article. 😀

Si vous aussi vous avez rencontré depuis quelques mois (avril 2016 a priori) des petits problèmes entre CloudFront et les polices CSS par exemple, voici la solution.

Dans la configuration de CloudFront, section Behaviour de votre distribution, vous avez la possibilité de transférer des en-têtes en liste blanche. (Forward Headers -> Whitelist)

Dans cette liste blanche, il vous faut :

  • Access-Control-Allow-Headers
  • Access-Control-Allow-Methods
  • Access-Control-Allow-Origin
  • Access-Control-Max-Age
  • Origin

C’est en effet ce dernier petit en-tête qui doit être ajouté.

En gros, cela permet de forcer l’interprétation par CloudFront du « Vary: Origin » renvoyé par votre implémentation de CORS.

C’est curieux, mais c’est comme ça.

Du coup, j’ai ramé pendant quelques jours. J’espère vous éviter cette galère !

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s