Google cloud storage React-360图像URI不可见

react-360说明似乎非常清楚和简单：

<Image source={{uri: "https://images.pexels.com/photos/614810/pexels-photo-614810.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}} style={{height:100,width:100}} />

但我已经手动将图像文件上传到谷歌存储、亚马逊S3和Azure Blob存储。将它们公开后，它们都会完美地渲染到非react-360浏览器img元素，但它们都不会在react-360浏览器画布中工作

但我发现“”是一个可以正常工作的URL，但将同一张图片上传到存储器却不起作用

即使我在遇到问题时获得了一个成功的200或部分内容206结果代码，我所能做的就是设置背景色，以查看图像元素，但实际图像永远不可见

如何让我在谷歌云存储中的JPEG图像渲染到react-360中的图像元素？谢谢，请：）

不允许CORS：

是否允许CORS：

不允许CORS：

是否允许CORS：

---

对于S3，您可能希望在正在使用的存储桶上使用CORS设置，并为正在使用存储桶的站点添加一个例外。请看下面的文档：

假设myreact360app.herokuapp.com正在访问您的bucket，您可以将以下内容添加到bucket CORS策略中

<CORSRule>
    <AllowedOrigin>https://myreact360app.herokuapp.com</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>*</AllowedHeader>
</CORSRule>

https://myreact360app.herokuapp.com
得到
3000
*

对于S3，您可能希望在正在使用的存储桶上使用CORS设置，并为正在使用存储桶的站点添加一个例外。请看下面的文档：

假设myreact360app.herokuapp.com正在访问您的bucket，您可以将以下内容添加到bucket CORS策略中

<CORSRule>
    <AllowedOrigin>https://myreact360app.herokuapp.com</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>*</AllowedHeader>
</CORSRule>

https://myreact360app.herokuapp.com
得到
3000
*

我不知道我是否理解正确，你能再解释一下吗？也许你想要的只是在云存储上公开图像文件，但我喜欢你的链接展示如何获得一个不可猜测的URL。我能够让谷歌返回允许访问控制源标题，一切都很好。我认为浏览器缓存让我有点困惑，否则它会更快地变得更有意义。谢谢你的额外提示。我不知道我是否理解正确，你能再解释一下吗？也许你想要的只是在云存储上公开图像文件，但我喜欢你的链接展示如何获得一个不可猜测的URL。我能够让谷歌返回允许访问控制源标题，一切都很好。我认为浏览器缓存让我有点困惑，否则它会更快地变得更有意义。谢谢你的额外提示。