SSLのウェブサイトにhttpアクセスで取ってきた画像を表示したい。

Question

前提・実現したいこと

vue.jsを使っているのですがgoogledomain/firebase hostingを用いてウェブサイトを構築しました。
そのウェブサイト内で画像を表示したいのですが、画像の取得方法がhttpのapiを叩いて画像を取得しています。
SSLの保護されたページからhttpアクセスでとってきた画像を表示したいのです。

発生している問題・エラーメッセージ

net::ERR_CERT_COMMON_NAME_INVALID

該当のソースコード

            <div class="card_image">
              <img v-bind:src="'http://media.steampowered.com/steamcommunity/public/images/apps/' + game.appid + '/' + game.img_logo_url + '.jpg'">
            </div>

試したこと

proxyを用いてhttpアクセスをするのがよいのかと考えていましたが、そもそもそれってSSLサイト的に許されるのか・・・？

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

そもそも、非SSL/TLSの画像をSSL/TLS下で使用すること自体許されません。
よく調べてないので間違っていたら申し訳ないですが、一度その画像を自サーバーに保存するか、Base64のように直接読み込まなくてもよいように変換するかのどちらかだと思います。