Javascript 在Hapi.js中为图像设置内容类型时出现问题

我正在使用图像处理库（Sharp）动态地处理图像文件（getAvatar（）。它通过Promise返回一个缓冲区，我用它来回复请求

 const imageBuffer = getAvatar(options, username);
  reply(imageBuffer)
  .type('image/png');

一切正常，图像也在浏览器中渲染，但我在chrome中得到一个控制台警告，如下所示

Resource interpreted as Document but transferred with MIME type image/png: "http://localhost:3000/avatar/johndoe".

---

您如何通过ajax请求此图像？请求的内容类型是什么？不是Ajax，只是哑浏览器获取请求，通过地址栏。您需要将该url放入

标记中，因为它没有图像扩展。浏览器假定返回的是html（文本内容）。如果您请求jondoe.png，则不会出现此问题。我不确定设置.png是否有帮助，因为我尝试了，但没有结果（相同的问题），例如，它在浏览器中以内联方式呈现，并且没有控制台警告。我正在尝试实现同样的功能。更不用说我在禁用github头像缓存时发现，即使它也有同样的问题。启用缓存后，后续请求不会出现该错误。