Firbase图像：已被CORS策略阻止：所请求的资源上不存在“ Access-Control-Allow-Origin”标头

Question

我是Firebase新用户。 我使用一个脚本（Phaser JS）在Ajax中加载图像。 为了在这里说明我的问题，我给你一个jQuery Example。

■示例1：

<script>
$(document).ready(function(){

    var img_url = "./jojo1.jpg";

    $.ajax({
      url: img_url,
    }).done(function(response) {
      console.log("loaded ok");
    });
});
</script>

此示例工作。 该图像与脚本位于同一域。

■示例2：

<script>
$(document).ready(function(){

    var img_url = "https://visual-novel.online/assets/new_backgrounds/jojo1.jpg";

    $.ajax({
      url: img_url,
    }).done(function(response) {
      console.log("loaded ok");
    });
});
</script>

这个示例也可以工作（您也可以测试，没有问题）。 该图片在我的个人域上+我像这样修改了htaccess：

<FilesMatch "\.(jpg|jpeg|png|gif)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    Header set Access-Control-Allow-Methods "GET, POST, PUT"
    Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept"
  </IfModule>
</FilesMatch>

■我的问题：

我有一个托管在Firebase上的图像，我想使用它。 这是我的图片网址：

https://firebasestorage.googleapis.com/v0/b/visual-novel-online.appspot.com/o/backgrounds%2Fjojo1.jpg?alt=media&token=aa7d54b1-ec53-4543-a544-0e1e193c4fb6

我的代码：

<script>
$(document).ready(function(){

    var img_url = "https://firebasestorage.googleapis.com/v0/b/visual-novel-online.appspot.com/o/backgrounds%2Fjojo1.jpg?alt=media&token=aa7d54b1-ec53-4543-a544-0e1e193c4fb6";

    $.ajax({
      url: img_url,
    }).done(function(response) {
      console.log("loaded ok");
    });
});
</script>

但是我有这个错误：

由于标题，此错误是正常的。如何更改和解决我的问题。确实，我是Firebase的新手，我不知道该怎么办？

谢谢