reactjs - react .js |如何消除 Codesandbox 中的跨域错误

Question

在 FIREFOX 中:当我执行代码时，我应该得到的典型错误是:“TypeError:无法读取未定义的属性‘setState’”，相反，我收到了一个非常奇怪的跨源错误。

这是错误的屏幕截图: http://prntscr.com/iwipnb

Error A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://reactjs.org/docs/cross-origin-errors.html for more information.

这是我的代码:https://codesandbox.io/s/4885l37xrw

如何避免 FIREFOX 中的 Codesandbox 跨域错误？

EDIT1:我知道代码错误是什么(bind(this))。我正在寻找 跨域错误 firefox 问题。谢谢

Answer 1

您似乎需要在提供服务的 S3 存储桶上启用 CORS:https://s3-eu-west-1.amazonaws.com/codesandbox-downtime/downtime.json

为此，只需导航到您的存储桶，然后单击“权限”选项卡，然后在 CORS 框中输入包含您所需权限的 XML 文档。允许任何主机发出 GET 请求的示例权限:

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