Panorama не загружается в сценарий AFrame 360 Image, если он размещен на бэкэнде рабочего сайта
Я работаю над хостингом панорамы 360 для работы, у меня он работает с использованием AFrame 360 Image, когда файл размещен на Imgur, но мне нужно попробовать установить его на свой рабочий сайт, чтобы он поддерживал больший размер файла и Простота доступа. В настоящее время загружается скрипт, но изображение не появляется, это происходит с любым изображением, размещенным на сайте. С чего бы это?
Я пробовал файлы всех разных размеров и расширений, ни один из них не загружается внутри скрипта, несмотря на то, что они доступны по прямой ссылке.
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-sky src="https://mapping.hdc.govt.nz/photos/LowStitch.jpg" rotation="0 0 0"></a-sky>
</a-scene>
</body>
</html>
Я ожидал, что он будет работать так же, как и при использовании изображения, размещенного на Imgur, однако все, что я получаю, это белый экран с логотипом VR в правом нижнем углу.
2 ответа
Проверьте журналы консоли -
Доступ к изображению по адресу https://mapping.hdc.govt.nz/photos/LowStitch.jpg... заблокирован политикой CORS: в запрошенном заголовке "Access-Control-Allow-> Origin" нет запрошенного ресурс.
он показывает ошибку CORS (C rossoRginine R esource S haring). Это означает, что сервер не обслуживает файлы с заголовком CORS для aframe.io - следовательно, отрицая ресурс. Попробуйте поместить сайт в тот же каталог, что и фотографии. Или обратитесь к администратору сервера по поводу шапки.
Для подробностей о CORS - здесь есть явный ответ на CORS в рамке H.Pauwelyn.
Активу требуются заголовки CORS, чтобы он мог загружаться из вашего веб-хоста в разных источниках: https://aframe.io/docs/0.8.0/introduction/faq.html