ReactJs Redux Firestore Cors policy

Question

在我的ReactJs应用程序中，我使用带有redux的Firestore。每次当我请求cloudstore为corse策略抛出exeption时，如果我是从chrome浏览器发出的。在firefox中，我有corse规则，请求在那里通过。exeption throwns on 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);
});

Answer 1

这似乎是Google Chrome的一个问题。你可以检查这个答案，其中提到以下内容：

chrome://flags/#out-闪烁cors

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

在许多情况下，这解决了问题，目前，但你可能想继续阅读：

跨来源资源共享(CORS(是Chrome版本76中更改的主题。新的标头是作为安全性的一部分引入的，这些标头必须在代码中处理。稍后，扩展的CORS请求必须在后台页面中处理，而不是在内容脚本中处理。阅读谷歌此页面上的所有建议操作(针对开发人员(和进一步限制：Chrome扩展内容脚本中跨来源请求的更改

因此，禁用此功能可能会有所帮助。