La version courte de ce problème est que nous assistons à l'typiques de la SCRO erreur (x has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.) cependant, nous sommes absolument d'envoi spécifié en-têtes. Les demandes sont très bien pour commencer mais après n (schéma indéterminée) quantité de temps que CERTAINS (pas de motif réel de ce que d'autres que c'est un hasard 1 ou 2 actifs référencés dans le fichier html) les demandes va soudainement commencer à défaut. Sur un rafraîchissement ou avec la désactivation du cache, le problème est résolu.
Nous nous demandons comment la mise en cache peut affecter la SCRO dans ce cas? Ou si le problème est ailleurs?
Ce que nous voyons est l'actif est chargé d'amende en première instance.
Voici une boucle de la représentation de ce que le navigateur (chrome, pas testé ailleurs) envoie au serveur (cloudfront devant s3):
curl -I 'https://assets-frontend.kalohq.ink/style.allapps.add899080acbbeed5bb6a7301d234b65.css' -H 'Referer: https://lystable.kalohq.ink/projects/2180?edit=true' -H 'Origin: https://lystable.kalohq.ink' -H 'DPR: 2' -H 'User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gec
Et les en-têtes de réponse à cette apparence:
HTTP/1.1 200 OK
Content-Type: text/css
Content-Length: 5632
Connection: keep-alive
Date: Wed, 28 Jun 2017 09:23:04 GMT
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET
Access-Control-Max-Age: 3000
Last-Modified: Wed, 28 Jun 2017 09:16:15 GMT
ETag: "ece4babc2509d989254638493ff4c742"
Cache-Control: max-age=31556926
Content-Encoding: gzip
Accept-Ranges: bytes
Server: AmazonS3
Vary: Origin,Access-Control-Request-Headers,Access-Control-Request-Method
Age: 3384
X-Cache: Hit from cloudfront
Via: 1.1 adc13b6f5827d04caa2efba65479257c.cloudfront.net (CloudFront)
X-Amz-Cf-Id: PcC2qL04aC4DPtNuwCudckVNM3QGhz4jiDL10IDkjIBnCOK3hxoMoQ==
Après cela, vous pouvez naviguer sur le site pendant un certain temps, actualiser un peu de temps et tout va bien dans le meilleur des mondes.
Mais alors vous pourrez vous rafraîchir et tout à coup vous voyez l'erreur dans la console:
Access to CSS stylesheet at 'https://assets-frontend.kalohq.ink/style.allapps.add899080acbbeed5bb6a7301d234b65.css' from origin 'https://kalohq.ink' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://kalohq.ink' is therefore not allowed access.
À ce stade, si vous-actualiser ou de désactiver le cache et de recharger la page, tout redevient de travail. C'est pourquoi nous les signaler à la mise en cache du navigateur comportement de jouer avec de la SCRO à ce point.
Le fichier HTML de chargement de ces actifs sont comme suit:
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Kalo</title><meta name="description" content="Kalo is used by the best teams on the planet to onboard, manage, and pay their freelancers. "><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="Accept-CH" content="Width,DPR,Save-Data"><script>window.performance&&"function"==typeof window.performance.mark&&window.performance.mark("start load bootstrap"),console.log("Kalo v0.214.1 
