Reactjs 由于CORS错误,react axios中的POST请求被阻止

Reactjs 由于CORS错误,react axios中的POST请求被阻止,reactjs,typescript,axios,cors,Reactjs,Typescript,Axios,Cors,我正在尝试向包含多部分数据的API发送POST请求 我在postman中测试了API,在postman中一切正常。但是当我在react中调用API时,它会给我CORS错误 我反复检查了URL、标题和数据,对我来说一切都很好。我在同一主题上讨论了多个堆栈溢出问题,发现我需要将allow cross origin与标头一起传递。我在头上加了这个,但没能解决我的问题 我在控制台中得到的错误是: 请求的资源上不存在“Access Control Allow Origin”标题 API调用代码 从“axi

我正在尝试向包含多部分数据的API发送POST请求

我在postman中测试了API,在postman中一切正常。但是当我在react中调用API时,它会给我CORS错误

我反复检查了URL、标题和数据,对我来说一切都很好。我在同一主题上讨论了多个堆栈溢出问题,发现我需要将allow cross origin与标头一起传递。我在头上加了这个,但没能解决我的问题

我在控制台中得到的错误是:

请求的资源上不存在“Access Control Allow Origin”标题

API调用代码

从“axios”导入axios;
常数头={
“userid”:localStorage.getItem(“userid”),
“令牌”:localStorage.getItem(“令牌”),
“内容类型”:“多部分/表单数据”,
“访问控制允许来源”:“*”
}
常量URL=”https://api.hello.com/dashboard/venue_updated";
导出函数更新(数据、名称、地点类型、电子邮件、电话号码、回拨、错误回拨){
console.log(头文件);
axios.post(URL、数据、{
参数:{
名称
场馆类型:,
电子邮件,
电话号码:,
},
标题:标题
})
。然后(res=>{
if(回调!=null){
回收(res);
}
})
.catch(错误=>{
if(errorcallback!=null){
错误回调(err);
}
})
}

我曾经在我的组件中导入它,并在表单提交方法中调用它。

在React中使用该标题调用axios无法解决CORS问题。 服务器的响应必须具有
“访问控制允许来源”:“*”


检查网络选项卡并查看服务器的响应。

您必须像这样添加后端。(此示例适用于nodejs)

用于启用所有CORS请求

app.use(cors());

如果您有权访问此URL代码并启用CORS设置。

您使用哪种后端技术?您可以在后端api端添加标题,如下所示。实现可能会有所不同,具体取决于您使用的后端框架。如果我将“*”放在“Access Control Allow Origin”字段中,它适用于所有域。是的,它适用于所有域。我更新了标题,但问题没有解决。请分享您在que中所做的工作。确保您正在后端进行更改。
app.use(cors());