某些设备上不显示图像（使用 Quasar 框架）

Question

我正在尝试显示发布到服务器的法师，但是在浏览器和我的 android 设备上的某些设备上显示的图像华为 P30 没有显示，当我复制 link对于浏览器图像是有效的。

这是我的代码

<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 phone 图像显示完美，但在我的 phone 上却没有。我已经尝试使用 html 中的普通 img 标签仍然是同样的问题。

Answer 1

终于得到答案，问题不是关于 cordova、Vuejs 和 Quasar，我发现有些设备有额外的安全层，在那里只允许服务请求或渲染来自安全服务器的图像，所以我的问题是我通过 HTTP 而不是 HTTPS 返回图像 URL。

某些设备上不显示图像（使用 Quasar 框架）

Image not displayed on some devices (Using Quasar Framework)

android

laravel

vue.js

quasar