在某些设备上未显示图像（使用Quasar Framework）

Question

我正在尝试显示发布到服务器上的法师，但是浏览器上显示的图像以及我的android设备Huawei P30上的某些设备未显示，并且当我将链接复制到浏览器时，该图像是有效的。

这是我的代码

<q-img
  :src="blogPost.image_url"
  :srcset="blogPost.image_url"
>
  <template v-slot:loading>
     <div class="text-subtitle1 text-white">
          <q-spinner-ios color="primary" />
             <div class="q-mt-md">Loading...</div>
     </div>
  </template>  
  <template v-slot:error>
    <div class="absolute-full flex flex-center bg-negative text-white">
        cannot display image
    </div>
  </template>

当我在某些Android手机上运行该应用程序时，图像可以完美显示，但在我的手机上却没有。我试图使用来自html的正常img标签仍然存在相同的问题。

Answer 1

最后得到了答案，问题不是与cordova，Vuejs和Quasar有关，我发现某些设备具有额外的安全层，从而仅允许服务请求或渲染来自安全服务器的图像，所以我的问题是我通过HTTP而不是HTTPS返回了图像URL。