Question

请帮助

我有一个网络api，当我尝试调用post方法时，出现CORS错误。

我的Web Api具有以下方法

[HttpPost]
    [Route("api/save")]
    public string Save(Car car)
    {
        return car.Type;
    }

在我的React应用中，我正在使用axios进行服务器调用

 handleOnSave = () => {
    const car = {
        Name:"Car Name",
        Type:"Car Type"
    };
    axios.post('http://localhost:4040/api/save', JSON.stringify(car), 
    {
        headers: {
            'Content-Type': 'application/json'
        }})
    .then((response) => {
        alert(response.data);
    });
}

在Web Api的配置文件中，我添加了以下customHeaders

 <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" /><add name="Access-Control-Allow-Methods" value="GET,PUT,POST,DELETE,OPTIONS"/>
  </customHeaders>

每次尝试发布时都会收到这些错误：

选项http://localhost:4040/api/save 500（内部服务器错误）

从原点“ http://localhost:4040/api/save”到“ http://localhost:3000”的XMLHttpRequest的访问已被CORS策略阻止：对预检请求的响应未通过访问控制检查：它没有HTTP正常状态。

我想念什么？

谢谢

CORS预检选项请求为500（内部服务器错误）

0 个答案: