我正在创建个人使用的SPA。我想在其上显示我的日历以及许多其他内容。
我有一个基于nodejs的服务器,它创建了一个基于React的SPA。所有不同的React组件都希望从不同的来源获取其内容并彼此独立地进行更新。
问题:像Google日历那样调用CORS禁用的api总是会拒绝来自其他来源的请求。
目前,我正在为每个组件创建一个微服务作为代理。但是大多数组件是如此之小,它们也可以在内部做出反应。
有任何解决方法吗?例如,我可以使用openvpn欺骗我的起源吗?
答案 0 :(得分:2)
使用proxy
,则不必担心cors
问题,因为代理将发出请求。
您可以通过CRA v2
与yarn 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,则可以自己制作代理,但我强烈建议您使用它并自定义项目
希望有帮助。