Nuxt OgImage Error on Cloudflare Workers

I'm using a custom component where I have an

img

img

tag, and it can't load the image inside it even though the image file is in the public directory :\

Can't load image https://<domain>.org/images/og-image.png?1747482715691: Unsupported image type: unknown

Can't load image https://<domain>.org/images/og-image.png?1747482715691: Unsupported image type: unknown

in my OgImage component (

app/components/OgImage/Default.vue

app/components/OgImage/Default.vue

) I'm simply calling the image like i do in a normal component:

<img src="/images/og-image.png" />

<img src="/images/og-image.png" />

this is how I'm using the component

defineOgImageComponent('Default', {
  title: i18n.t('title'),
})

defineOgImageComponent('Default', {
  title: i18n.t('title'),
})

It is worth noting that the deployment worked fine when I used Cloudflare Pages, but when I switched to workers it gives me the error above.

Nuxt•10mo ago•

10 replies