我正在使用反应和公理.请求标头字段 访问控制允许源在预检响应中不允许访问控制允许源

Question

axios. post error.

请求标头字段 访问控制允许源在预检响应中

不允许访问控制允许源。

我正在使用axios，react和redux。

我的代码是：

const config = {
method: 'post',
url: addActivityUrl,
data:data,
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json',
},
};
return function (dispatch) {
axios.request(config)
.then(function(response){
dispatch({type:ADD_ACTIVITY_SUCCESS,payload:response.data});
} )
.catch((error)=> {
dispatch({type:ADD_ACTIVITY_ERROR,payload:error});
})
}
}

我在错误回调函数中设置了断点。当我发送帖子请求时，上面的错误将显示给我。

我在Stack Overflow上寻找答案。我还没有找到答案。

我不知道原因。

Answer 1

大多数情况下，自定义请求标头都有问题。

使用自定义请求标头时，您将获得 CORS 预检。这种类型的请求使用 HTTP 选项，并包括 Access-Control-Request-Headers，其中列出了客户端希望包含在请求中的标头。

客户端代码需要使用相应的 CORS 标头回复 CORS 预检。该标头需要包含与 Access-Control-Request-Header 相同的值。