用<image src="">可以正常显示网络上的图片，用{background-image:url("")}就显示不出来，大家有遇到这种难问题吗？

我的代码如下：

index.wxml：

<view class="cover">

</view>

<!--<image src="http://localhost:8080/resources/images/cover/cover-1.jpg" mode="widthFix"lazy-load='true' style='width:100%' />-->

index.wxss：

.cover{

position: fixed;

height: auto;

width: 100%;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

background-image: url("http://localhost:8080/resources/images/cover/cover-1.jpg");

background-size: 100% 100%;

}

怎么弄都不行，直接打开这个网址是有图片的，已经关闭域名校验了