Javascript 背景图像显示控制台错误的ng样式

我的HTML中有以下

ng样式

：

<div ng-style="{'background-image':'url(' + image + ')'}"></div>

image变量的结果如下所示：

//images.contentful.com/xxxxxxx/my image.jpg

图像显示良好，但Chrome在控制台中引发以下问题：

资源被解释为图像，但使用MIME类型text/html进行传输：

我可以通过添加

http://

来消除此错误，如下所示：

<div ng-style="{'background-image':'url(http://' + image + ')'}"></div>

Chrome理解将其呈现为

http://images.contentful.com/xxxxxxx/my-image.jpg

但IE将其呈现为

http:////images.contentful.com/xxxxxxx/my-image.jpg

并且不起作用

如果我只有

http:

，错误会在控制台中返回，但是图像在IE中工作

---

正确的方法是什么？

您是否确保Web服务器配置正确？那么，所有mime类型都设置好了吗？您说您的变量看起来像

//images.contentful.com/xxxxxxx/my image.jpg

。这不意味着你只需要在它前面加上

http:

I使用的是平均堆栈吗。我认为Node和Express会自动配置mime类型，但不确定。@MaartenBicknese prepending

http:

在所有浏览器中都能工作，但在Chrome中仍会显示控制台错误。请尝试相对路径

@pankajparkar它引入的变量已经有了“/”，因此添加另一个2将在IE上呈现“///”

<div ng-style="{'background-image':'url(http://' + image + ')'}"></div>