Как я могу позволить a-frame просматривать изображения из облачного фронта (без политики CORS)? - PullRequest
Новая
       19

Как я могу позволить a-frame просматривать изображения из облачного фронта (без политики CORS)?

0 голосов
/ 11 июня 2019

Я пытаюсь создать панорамный просмотрщик на 360º с A-Frame framework. У меня есть некоторая политика CORS, когда я пытаюсь получить изображения из облачного фронта

Я читаю документацию и делаю вещи локально, сизображение загружено в мой проект.Все работает отлично.

После этого я пытаюсь динамически получить изображение, загруженное в Cloudfront.У меня одна ошибка на моей консоли.

Access to image at 'https://d2l35xunnm47ff.cloudfront.net/...1553267992.jpg' from origin has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Вы можете показать проблему в действии https://codepen.io/petitlardon/pen/ewYpGo

<a-scene>
  <a-assets>
    <img id="panorama" src="https://d2l35xunnm47ff.cloudfront.net/media/clients/5addae3a37e62a001bf297ef/3aabb43a-4b0d-4a02-9f0b-f023ceaaf3af-54086-0072-f-1553268090.jpg" crossorigin="anonymous" />
  </a-assets>
  <a-sky src="#panorama"></a-sky>
</a-scene>

Спасибо за любую помощь

Ответы [ 2 ]

0 голосов
/ 27 июня 2019

У меня была похожая проблема при попытке потокового видео с помощью AWS S3 и CloudFront.Я смог решить ее с помощью следующих шагов:

  1. Настройка разрешений CORS для корзины S3, в которой размещены видео, в соответствии со следующими рекомендациями: https://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html
  2. Обновление Behaviour издистрибутив CloudFront, который исходит из вышеупомянутого сегмента с рекомендациями: https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/header-caching.html#header-caching-web-cors
  3. Обязательно очищайте кэш браузера при тестировании изменений.Браузер может кэшировать старые политики CORS.Я потратил несколько часов, прежде чем пришел к такому выводу и, наконец, избавился от ошибки.
0 голосов
/ 11 июня 2019

Изображения должны быть поданы с заголовками CORS . Посмотрите документацию Cloudfrount о том, как настроить ваш экземпляр. Если вы не управляете сервером, вы ничего не можете сделать, владелец не разрешает междоменные запросы.

...