CORS проблема с aframe a-assets - PullRequest
Новая
       14

CORS проблема с aframe a-assets

1 голос
/ 01 мая 2019

Доступ к изображению в 'https://d37tbwvv51fu9e.cloudfront.net/paperclip/vr_scenes/24/Ex0_Gx0.jpg' из источника' https://s.codepen.io' заблокирован политикой CORS: в запрошенном ресурсе отсутствует заголовок 'Access-Control-Allow-Origin'.

  • A-Frame Версия: 0.9.2
  • Платформа / устройство: Все браузеры
  • Воспроизводимый фрагмент кода или URL: https://codepen.io/anon/pen/KjpMjB

Как вы можете видеть здесь (https://codepen.io/anon/pen/rEVLRP), Изображение приводит к Ошибка CORS, если присутствует заголовок Origin . Я хочу удалить заголовок Origin как-тоизбежать проблемы с CORS.

Я также попробовал следующие решения, но пока не повезло:

  1. Попробуйте удалить Origin, используя ImageLoader - https://codepen.io/anon/pen/WqvGwy
  2. Попробуйте удалить Origin, используя FileLoader - https://codepen.io/anon/pen/RzPGZZ
  3. Попробуйте удалить Origin, используя TextureLoader - https://codepen.io/anon/pen/orXzEB

Я использую s3 в качестве источника изображения и облачного фронта для кэширования и обслуживания изображений из этого сегмента s3, и ниже приведены конфигурации:

Конфигурации S3 CORS: 

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>HEAD</AllowedMethod>
        <MaxAgeSeconds>300</MaxAgeSeconds>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

Политика Bucket для CloudFront 

{
    "Version": "2008-10-17",
    "Id": "PolicyForCloudFrontPrivateContent",
    "Statement": [
        {
            "Sid": "1",
            "Effect": "Allow",
            "Principal": {
                "AWS": "arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity E3U69JJRJ75AKK"
            },
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::aframe-cors-problem/*"
        }
    ]
}

Есть ли какой-либо способ запретить отправку a-frame заголовка Origin или решить эту проблему, выполнив любую конфигурацию для S3, облачного фронта или a-frame?

...