We have a lightbox/modal that pops up for users on a web page. We’re running into an issue where when a change is made to the lightbox and we clear the cache, the new changes do not appear by simply refreshing the page; you must hard refresh the page for the changes to appear.
When a change is made to the lightbox in our backend (size, settings, colors, fonts, etc) we are using the API endpoint to purge the cache via: api.cloudflare.com/client/v4/zones/key/purge_cache
We have no cache headers set for this file, and are simply relying on detecting a change has been made and clearing the cloudflare cache via the API.
How do we force the file to clear in the users local browser cache though? We obviously cannot tell users to hard refresh to see the latest changes.