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" />