This demo is running in Vercel now.
Image one is a default HTML img tag, image two is an NuxtImg tag with static image file in /public, image three is an NuxtImg tag with image file from internet.
And my nuxt.config.ts file is like this, I use ipx for provider in both local development environment and Vercel production environment.
export default defineNuxtConfig({
devtools: { enabled: false },
modules: [
'@nuxt/image',
],
image: {
provider: 'ipx',
domains: ['i2.100024.xyz'],
dir: 'public/'
}
})
Image one
<img style="width: 300px" src="public/nuxtImage.png" />
Image two
<NuxtImg width="300" src="nuxtImage.png" />
Image three
<NuxtImg width="300" src="https://i2.100024.xyz/2024/03/08/irvlgw.webp" />