react.js | 如何摆脱Codesandbox中的跨域错误

Question

简而言之：执行代码时，我应该得到的典型错误是：“ TypeError：无法读取未定义的属性'setState'”，相反，我收到了一个非常奇怪的跨域错误。

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

错误引发了跨域错误。React不能访问开发中的实际错误对象。有关更多信息，请参见https://reactjs.org/docs/cross-origin-errors.html。

这是我的代码：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>