Изображение Firbase: заблокировано политикой CORS: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin» - PullRequest
0 голосов
/ 01 мая 2019

Я новый пользователь Firebase.Я использую скрипт (Phaser JS), который загружает изображение в Ajax.Чтобы проиллюстрировать мою проблему здесь, я приведу вам пример jQuery.

■ ПРИМЕР 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, и я хочу его использовать.URL моего изображения:

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>

Но у меня есть эта ошибка:

two muppets

Эта ошибка нормальная из-за заголовка.Как я могу изменить и решить мою проблему.Действительно, я новичок в Firebase и не знаю, что мне делать?

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...