SPA呼叫CORS禁用的API

时间:2019-03-01 09:06:53

标签: javascript node.js reactjs cors

我正在创建个人使用的SPA。我想在其上显示我的日历以及许多其他内容。

我有一个基于nodejs的服务器,它创建了一个基于React的SPA。所有不同的React组件都希望从不同的来源获取其内容并彼此独立地进行更新。

问题:像Google日历那样调用CORS禁用的api总是会拒绝来自其他来源的请求。

目前,我正在为每个组件创建一个微服务作为代理。但是大多数组件是如此之小,它们也可以在内部做出反应。

有任何解决方法吗?例如,我可以使用openvpn欺骗我的起源吗?

1 个答案:

答案 0 :(得分:2)

使用proxy,则不必担心cors问题,因为代理将发出请求。

您可以通过CRA v2yarn add create react-app project-name合作

CRA v2 webpack dev server支持proxy

在package.json文件中,添加"proxy": "https://domainName.com"

并根据需要调用API。

例如,如果您要对https://domaiName.com/something进行API调用

只需向'/something'发出请求,因为我们已经修复了代理url

如果您不使用CRA,则可以自己制作代理,但我强烈建议您使用它并自定义项目

希望有帮助。