Vercel + nuxt-image

[Yegaston]

Hi!
I am struggling with the following problem, with nuxt-image + vercel deploys in nuxt 3 latest

Following the steps of the official docs of nuxt-img, when gonna to deploy into vercel, the images goes into 404.

# nuxt.config.ts
import { defineNuxtConfig } from 'nuxt';
export default defineNuxtConfig({ modules: ['@nuxt/image-edge'] });

# app.vue
<template>
  <div>
    <nuxt-img src="/nuxt-icon.png" />
  </div>
</template>

someone have a idea how make this work?

ty

[danielroe]

Where is the file located?

[Yegaston]

/public/nuxt-icon.png

[cpreston321]

@Yegaston I have the same problem.

[Jiangmenghao]

I have the same problem.

[Yegaston]

Yeah, is a bug with the vercel builder of Nitro, due a changes of how vercel handle the output in build time of the server side, seems nitro is not put the references to the images, in the config.json file (Reference)
I have understood that the team has knowledge of this and should be fixed in the final release

Meanwhile, my workaround with this trouble was use cloudinary as image cdn and config that in a way that works when vercel being supported without any change in the code

[YusufcanY]

It seems they haven't fixed this issue.