Я новый пользователь 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>
Но у меня есть эта ошибка:

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