无法加载资源：net :: ERR_UNKNOWN_URL_SCHEME Angular 7

Question

我在从Angular项目中渲染图像时遇到问题。有此错误：

Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME

这是我的代码：

<div class="op-product-thumb-holder" *ngFor="let item of editImage; let indexImage = index">
        <img class="image-holder"   src="{{item.image_path}}"  />
</div>

有人知道如何解决这个问题吗？

Answer 1

这是一个常见问题，请确保在图像源属性中提供的地址后面附加“ http：//”。

您的URL一定是这样的：

“ http://localhost:3000/assets/images/whatever.png”

问题所在实际上是，当您在浏览器的URL中编写它（不使用Http：//）时，它会自动附加它而不通知我们，但Angular并非如此