错误：引发了跨域错误。 React 无法访问开发中的实际错误 object

Question

我一直在尝试将数据从 firestore 中的 student_learn 字段和 map 解析为 jsx 组件，但我收到一个 cors-origin 错误，这是我试图从中获取的集合的屏幕截图。

Answer 1

这个错误可能有两个原因（据我所知）：

1. JSON.parse()中的无效字符串。 （很可能是因为您正在使用 JSON.parse()）在解析数据之前检查您的数据（必须是有效的字符串化 json）
2. 存储问题。 解决方法： 1. 打开 Dev tools 2. Go 到 Application 部分 3. 右键清除本地存储。

Answer 2

CORS 将阻止该请求。 由于没有发出请求，您将不会收到响应（无状态代码）。

修复 CORS 的唯一方法是在您要获取的服务器上设置正确的 header。 https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS