在 React Native 中获取 React CORS 预检错误

Posted 2023-03-04

【中文标题】在 React Native 中获取 React CORS 预检错误

【英文标题】：Getting the React CORS preflight error in React Native

【发布时间】：2021-11-09 23:48:01

【问题描述】：

连接到外部 API 时，我的 React Native 应用程序出现 CORS 访问错误。

async componentDidMount() 
// POST request using fetch with async/await
const requestOptions = 
    method: 'POST',
    headers:  'Content-Type': 'application/x-www-form-urlencoded' ,
    body: JSON.stringify( type:'accountLookup',storeId:STORE_ID, storeKey:STORE_KEY, memberId:'471324' )
;
const response = await fetch('http://frequent5.revlogical.com/wsMobile', requestOptions);
const data = await response.json();
this.setState( data: data );

【参考方案1】：

问题很可能不在于 React 应用程序，而在于您的服务器未配置为为您的应用程序提供服务。 您应该在服务器上设置“Access-Control-Allow-Origin”标头，以允许您的应用地址发出请求。

【参考方案2】：

这个问题通常是后端的问题。用https://www.test-cors.org/之类的工具测试一下

另一种方法是在前端和API之间创建一个要拦截的服务器，您可以处理这家伙的cors

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。