首页 > 解决方案 > 无法加载资源:net::ERR_UNKNOWN_URL_SCHEME Angular 7

问题描述

我在从 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>

有谁知道如何解决这个问题?

标签: angular

解决方案


这是一个常见问题,请确保您在图像源属性中提供的地址附加了“http://”。

您的 URL 必须有点像这样:

" http://localhost:3000/assets/images/whatever.png "

问题的一部分实际上是当你在浏览器的 URL 中编写它时,没有 Http://,它会自动附加它而不让我们知道,但 Angular 不是这种情况


推荐阅读