Netlify CDN Image 404 - Nuxt

Hello,
We have a problem with the Netlify Image CDN. We have made no changes, yet images are no longer rendering on the site as they once were. We cannot recreate this issue locally.

We are using Nuxt to generate the artifacts, and on generate, we are pulling images from a 3rd party CMS and dropping them in the dist folder.

We can see the correct images in the output folder, yet we’re getting 404s in production. This is happening for all images in there.

Example with a 404: https://www.systeminit.com/_ipx/f_webp&q_80/https://images.ctfassets.net/vfl28orm8any/2zlXnZasmlgscGQbMAh1Ex/23a1142613c50428ee8ba41d59583c88/fast-feedback.png

We see the that image in the expected output location.

If we remove one of the forward slashes, it works as expected.
Example without 404:


Has something changed on Netlify’s end that this URL is not correctly finding the output location?

Thanks in advance!

I don’t see your site using Netlify Image CDN. Are you sure you’re configured as per: Netlify - Nuxt Image Providers? Could you share a link to the deploy where things were working fine?

Also, we had changed something yesterday that had caused some issue with slashes in Image CDN, but it’s already fixed. So you should not be running into it anymore.

I added the required config and still is not working. See deploy preview here: https://6616f43824fc5a0007ff79bb--system-init-corp.netlify.app/

We’re not sure when this stopped working, but sometime in the last few months

Prior deploys also are not working, when they certainly did in the past. For example:
https://deploy-preview-27--system-init-corp.netlify.app/ is quite old, different layout, and we have the same slash issue. I’ve verified the build output structure is the same across these builds as well.

1 Like

Turns out this is an issue with and nothing Netlify specific. If anyone finds this thread, we temporarily switched to using img tags and will evaluate a different solution at a later date. Thanks for the help!

Images are still not working.

Working image

(https://v3.woonuxt.com/_ipx/fit_outside&s_440x496/https:/secure.woonuxt.com/wp-content/uploads/2021/10/poster_1_up-500x500.jpg)

Broken image. The only difference is the slash after the domain name which you would expect to be the working image

(https://v3.woonuxt.com/_ipx/fit_outside&s_440x496/https://secure.woonuxt.com/wp-content/uploads/2021/10/poster_1_up-500x500.jpg)

https://v3.woonuxt.com/_ipx/fit_outside&s_440x496/https://secure.woonuxt.com/wp-content/uploads/2021/10/poster_1_up-500x500.jpg

This was working before, but now it’s not without any change to the codebase so I’m assuming it’s related the the change that was mentioned.

Also, if it helps. I’ve tested it and it’s working on Vercel.

Looks like the automatically redirect:
(https://woonuxt-v3.vercel.app/_ipx/fit_outside&s_440x496/https://secure.woonuxt.com/wp-content/uploads/2021/10/T_1_front-500x500.jpg)
to → (https://woonuxt-v3.vercel.app/_ipx/fit_outside&s_440x496/https:/secure.woonuxt.com/wp-content/uploads/2021/10/T_1_front-500x500.jpg)

Still the https:/ is the only difference there too

Looks like this issue is also being discussed here: github.com/nuxt/image/issues/1330#issuecomment-2076705842