404 error loading product images about woonuxt HOT 4 OPEN

Hello.

I have tried using the netlify Image CDN for this problem and have successfully displayed it.

##Changes
###netlify.toml
Image
remote_images = ["https://wordpresssite.com/. *"]

###Components/CategoryCard.vue
const imageSrc = '.netlify/images?url=' + node.image?.sourceUrl || '/images/placeholder.jpg';.

<NuxtImg :src="imageSrc" and more...

##Output
<img src="/.netlify/images?url=https://wordpresssite.com/wp-content/uploads/example.jpg?w=250&amp;h=300&amp;nf_resize=inside" and more...

##doc
https://docs.netlify.com/image-cdn/overview/

from woonuxt.

Hi
I am having the same problem and have looked into it,

There seem to be a lot of potential problems with NuxtImg and adding error handling might be a good way to go.
https://github.com/nuxt/image/issues?q=is%3Aissue+netlify+ipx

from woonuxt.

Hi guys.

I actually think this is a bug with Netlify! It's frustrating not having control to fix it.
Even loading previous versions of WooNuxt are having the same problem with images not working.

I'm hoping to hear something that might help here:
Netlify CDN Image 404 - Nuxt

This is what I think is the problem
https://answers.netlify.com/t/netlify-cdn-image-404-nuxt/116256/8?u=scottyzen

from woonuxt.

<NuxtImg
      :width="imageWidth"
      :height="ImageHeight"
      class="absolute inset-0 object-cover w-full h-full"
      :src="'.netlify/images?url=' + node.image?.sourceUrl || fallbackImage".  /// here
      :alt="node.image?.altText || node.name"
   ...

from woonuxt.