VuePress not using CDN URL when revisiting page

Support
,
1

Site info:

This post relates to another post but is easier to start a new post.

If you navigate to the following page, halfway down is an image showing an After Effects UI:

The first time this page loads, the image loads from the CDN URL:

https://d33wubrfki0l68.cloudfront.net/06d23e7f515148b58cb591ac01269b81da016131/fd6f7/assets/img/after-effects.ff3afda6.png

However, if you click any link in the app, then come back, the image loads using the path the application stores to render the page:

https://davestewart.co.uk/assets/img/after-effects.ff3afda6.png

Unfortunately, this is an image-heavy site, and results in the entire site loading all images without using the CDN.

How can I solve this?

2

I was wondering if rewrites might be an answer but the cloudfront URL base is different for each image.

Really hoping for someone with some great domain knowledge to contribute here!

4

Hello there, @davestewart !

I see that @Scott has responded to you in the Helpdesk, so I encourage you to continue the conversation there.

For context in case other folks pop on this thread, per @Scott, this is not a common problem per se – it just requires an alternate solution! There are some build plugins that could potentially work here. Additionally, Cloudinary might be able to do the trick.