Am un domeniu care găzduiește un site web react într-un bucket s3 prin cloudfront. Există, de asemenea, un site wordpress găzduit pe un subdomeniu al acelui domeniu, iar în distribuția cloudfront pentru aplicația web, am două comportamente configurate cu modele de cale. ro și ro/* care sunt configurate cu subdomeniul wordpress ca origine.
Această configurație pare să funcționeze când vizitați ro/* căi în modul incognito și în browsere care nu au vizitat niciodată domeniul principal. Cu toate acestea, într-un browser care a mai vizitat domeniul, browserul redă aplicația react în loc de pagina wordpress. Efectuarea unui cache gol și reîncărcare greu determină afișarea paginii wordpress, dar o nouă reîmprospătare după aceea și revine la redarea aplicației web. Acest lucru se întâmplă foarte constant.
Când aplicația react este redată la o adresă URL care ar trebui să redea aplicația wordpress, primesc următorul antet de răspuns:
x-cache: RefreshHit din cloudfront
De asemenea, în timp ce un browser care nu a vizitat niciodată aplicația react va încărca corect aplicația wordpress atunci când vizitează o cale care începe cu /ro, odată ce acel browser a vizitat aplicația react, căile începând cu /ro nu mai redați aplicația wordpress
Ce se întâmplă mai exact aici? Și există vreo modalitate de a face ca aplicația wordpress să redeze în mod consecvent, fără ca utilizatorii să fie nevoiți să golească complet memoria cache a browserului? Există o modalitate de a șterge elementul cache relevant folosind javascript, astfel încât să pot face acest lucru din aplicația react atunci când detectează că se află pe una dintre acele căi?
