ReactJs Redux Firestore Cors 政策答案

【问题标题】：ReactJs Redux Firestore Cors policyReactJs Redux Firestore Cors 政策
【发布时间】：2020-04-20 14:52:46
【问题描述】：

在我的 ReactJs 应用程序中，我将 Firestore 与 redux 一起使用。每次我发出请求时，cloudstore 都会为 corse 策略抛出异常，这就是我从 chrome 浏览器中进行的。在 firefox 中，我有 corse 规则，并且请求会通过。 firestore.collection() 抛出异常

firestore
        .collection('orders')
        .add({
            ...order,
        })
        .then(() => {
            dispatch({ type: 'CREATE_ORDER_SUCCESS', order });
        })
        .catch((err) => {
            dispatch({ type: 'CREATE_ORDER_ERROR', err });
            console.log(err);
        });

【问题讨论】：

标签： reactjs firebase redux google-cloud-firestore

【解决方案1】：

这似乎是 Google Chrome 的问题。您可以查看answer，其中提到了以下内容：

chrome://flags/#out-of-blink-cors

通过将该地址复制并粘贴到 Chrome 的地址栏中，然后按 [enter] 来禁用“out-of-blink-cors”标志。在打开的页面中，您会看到一个突出显示的所谓“标志”（实验）。禁用它并重新启动 Chrome （编辑：之前我说过要启用标志，但似乎只有禁用才有效）

在许多情况下，目前可以解决问题，但您可能需要继续阅读：

跨源资源共享 (CORS) 是 Chrome 版本 76 中更改的主题。新标头是作为安全性的一部分引入的，必须在代码中处理。稍后，扩展的 CORS 请求必须在后台页面而不是内容脚本中处理。在 Google 的此页面上阅读所有有关推荐操作（针对开发人员）和进一步限制的信息： Changes to Cross-Origin Requests in Chrome Extension Content Scripts

所以，禁用它可能会有所帮助。

【讨论】：