为什么引用不存在的静态 nuxt 资源的图像不会触发 @error？

Question

我有一个 nuxt 应用程序，其中有一个图像标签，其中源属性引用 nuxt 静态资源。

 <img
      class="player-face"
      :src="`/players/face/${player.name}.png`"
      @error="myFunction"
 />

如果图像存在，它将按预期工作。如果图像不存在，我会收到 404，这应该会触发我的 @error 处理程序，但事实并非如此。问题似乎在于它指向 nuxt 静态资源，因为如果我将 src 更改为:src="'foo'"，它会按预期触发错误处理程序。

Answer 1

这是由 nuxt 返回 1x1 像素图像引起的，这意味着错误处理程序不会被触发（即使 1x1 图像返回时带有 404）。

要停止 nuxt 返回此占位符图像，请将以下内容添加到您的nuxt.config.js

render: { fallback: false }