NuxtImage 返回 404

Question

我已经在我的 Nuxt3 项目中安装了 NuxtImage。根据文档（https://image.nuxt.com/get-started/installation），我应该能够用

img

组件替换

NuxtImage

元素，如下所示：

之前：

<img src="_nuxt/assets/img/my-image.jpg" />

之后：

<NuxtImg src="_nuxt/assets/img/my-image.jpg" />

img

标签按预期工作，但

NuxtImg

组件返回404:

GET http://localhost:3000/_ipx/_/_nuxt/assets/img/my-image.jpg 404 (IPX_FILE_NOT_FOUND)

呃？

Answer 1

将此添加到

nuxt.config

：

  image: {
    dir: 'assets/img'
  },

（默认行为是在公共目录中查找图像，这就是问题所在。）

然后这有效：

<NuxtImg src="/my-image.jpg" />