does anyone know why CloudFront delivers the previous static web page fetched from S3 bucket? I have hosted a ReactJS App on S3 and linked with CloudFront. I deleted my signup page but still on the URL www.example.com/signup the signup webpage is still displayed without an error saying not found?
I have deleted the Signup.jsx completely from S3 bucket – No fix
I have invalidated all files in my CloudFront – No fix.
I have used different browsers, used incognito and done CTRL+F5 – No fix.
Where else could file’s get cached for my website to deliver the signup page?
3
Answers
I fixed this issue, it wasn't a problem with invalidations but it was because I didn't run my build configuration after each edit I did on the code. If anyone is stuck this might help.
it’s because CloudFront cache the files from origin, please invalidate/delete the files from cache and give a try.
go to the "Distribution Settings" and create "Invalidations" using regex. may this below link will help you.
i believe you are using wrong object path during invalidation,
Invalidating files
It’s also worth checking TTL for your record/ url. If you have TTL on higher side, it will take time for changes to take affect.