"（未知网址）的http失败响应：0未知错误"，而不是Angular中的实际错误消息

Question

我是个新手

选项http://localhost:64458/api/employee/insert404（未找到）

CORS策略阻止从http://localhost:64458/api/employee/inserthttp://localhost:4200访问XMLHttpRequest：对预飞行请求的响应不通过权限改造检查：它没有HTTP ok状态。

core.js:15724错误

这是我的发球。ts代码：

url = 'http://localhost:64458/api/employee';
constructor(private http:HttpClient) {}
httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'application/json'}) };  

insert(obj: any): Observable<any>{
    return this.http.post<any>(this.url + '/insert', obj,this.httpOptions).pipe(map(res => res));
}

这是我的web api代码：

[RoutePrefix("api/employee")]
public class HomeController : ApiController
{
    [HttpPost]
    [Route("insert")]
    public IHttpActionResult PostEmployee(dynamic data)
    {
        try
        {
            return Ok();
        }
        catch (Exception)
        {
            throw;
        }
    }
}

会有什么问题？

Answer 1

首先在PackageManager控制台窗口中，键入以下命令

Install-Package Microsoft.AspNet.WebApi.Cors

然后你可以像Bellow一样在全球范围内启用它

public static class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        var cors = new EnableCorsAttribute("*", "*", "*");
        // or new EnableCorsAttribute("www.example.com", "*", "*");
        config.EnableCors(cors);
        // ...
    }
}

更多详细信息可以在他们的文档中找到

Answer 2

//添加startup.cs的配置服务方法

 services.AddCors();

startup.cs的配置方法

 app.UseCors(x => x
               .AllowAnyOrigin()
               .AllowAnyMethod()
               .AllowAnyHeader());