为何IPX对外部域名失效？@nuxt/image配置问题求助

外部图片srcset无/_ipx前缀的修复 #

外部图片必须在nuxt.config.js的image.domains或image.allowedHosts中添加对应域名，IPX才会代理处理这些图片并添加/_ipx前缀。

修改你的Nuxt配置：

export default defineNuxtConfig({
  modules: ['@nuxt/image'],
  image: {
    domains: ['picsum.photos'], // 加入外部图片的域名
    provider: 'ipx' // 显式指定IPX提供商（默认也是IPX，显式声明更清晰）
  }
})

本地图片带/_ipx前缀但无法显示的修复 #

本地图片无法显示多是路径配置错误：

• 把本地图片放在项目根目录的public文件夹下（比如public/imgs/local.jpg）
• 在<NuxtImg>中使用根相对路径，不要加~或@前缀，示例：

<NuxtImg src="/imgs/local.jpg" alt="本地图" width="400" />

其他注意点 #

• 确认@nuxt/image和你的Nuxt版本兼容
• 修改配置后重启Nuxt开发服务，确保配置生效

内容的提问来源于stack exchange，提问作者Pendalf