Javascript Blob图像URL与next.js不匹配'；行不通

在next.js中使用blob有什么解决方案吗？以前我使用img和blob URL工作得很好，但现在当我尝试使用图像组件时，blob URL不工作

我尝试将blob添加到域：

domains: ['softflixprodstorage.blob.core.windows.net']

但我从服务器上得到了错误，因为下一个图像生成了该请求URL：

Request URL: http://localhost:3000/_next/image?url=https%3A%2F%2Fsoftflixprodstorage.blob.core.windows.net%2Fproduct-covers%2FWindows-10-Pro.webp&w=375&q=75

而不是：

Request URL: https://softflixprodstorage.blob.core.windows.net/product-covers/Microsoft-Office-2019-Professional.webp

---

我找到了你需要做的事情的答案

第一：将blobapi添加到您的域中

domains: ['softflixprodstorage.blob.core.windows.net']

第二：通过特殊的图像加载器，这可能是非常简单的

const loader = ()=> imgUrl (From blob api)

它应该看起来像：

<Image src={imgUrl} loader={loader} {...otherProps} />

嘿，欢迎来到SO！避免发布（链接到）图片！以文本格式发布您的代码和错误，而不是代替谢谢，完成；）Blob URL当前由

next/image

提供。