cold wyvern
Hello everyone, I recently got to know about a problem. While I do some changes and deploy.
I do not get the latest changes in the UI. Everytime I have to do force refresh the deployed site to get new changes.
I do not want this to be manual.
I want on each deploy the website should fetch the latest data by clearing the current cache.
How can I do it that is what I want to ask.
Your help is appreciated
Thank you
quasi fractal
How and where do you deploy? What is your scenario for testing the cache issue? Are you at least refreshing the page? because if you're not refreshing, then it's not a cache issue, it's just that you stay on the unique page of your applications, which has been loaded before you deployed the new version.
cold wyvern
@quasi fractal I am deploying it on S3. On refresh also the changes not reflect. I have to do force cache clean by ctrl+f5 than only i get the new changes
quasi fractal
I guess S3 sends a cache-control header that allows the browser to keep the page in cache. I have no idea if that's customizable though. To be honest, I didn't even know you could deploy a webapp on S3. How will you handle routing (see https://angular.io/guide/deployment#routed-apps-must-fall-back-to-indexhtml) ?
cold wyvern
Just deploy the whole build folder and make index.html file public. Only cache thing is my problem. I tried to find to force cache clean. I found window.location.reload(true) used to do the same but it is now depreciated.
So, I m still stuck there. As I cannot ask my user to force refresh after each deployment.