Angular 4/ Asp.net Web API -没有显示'Access-Control-Allow-Origin‘标头

Angular 4是一种流行的前端开发框架，而ASP.NET Web API是一种用于构建后端API的框架。当在Angular 4应用程序中使用ASP.NET Web API时，可能会遇到'Access-Control-Allow-Origin'标头未显示的问题。

这个问题是由于浏览器的同源策略引起的。同源策略要求浏览器只能向与当前页面具有相同协议、域名和端口的服务器发送请求。如果Angular 4应用程序和ASP.NET Web API不在同一个域上，浏览器会阻止跨域请求，并且不会显示'Access-Control-Allow-Origin'标头。

为了解决这个问题，可以在ASP.NET Web API的响应中添加'Access-Control-Allow-Origin'标头，并设置为允许访问Angular 4应用程序的域。可以使用以下代码在Web API的响应中添加标头：

public HttpResponseMessage Get()
{
    HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.OK, data);
    response.Headers.Add("Access-Control-Allow-Origin", "http://your-angular-app-domain");
    return response;
}

在上面的代码中，将"http://your-angular-app-domain"替换为实际的Angular 4应用程序的域名。

另外，还可以使用ASP.NET Web API的CORS（跨域资源共享）中间件来处理跨域请求。可以在Web API的配置中添加以下代码启用CORS中间件：

public static void Register(HttpConfiguration config)
{
    // 其他配置代码

    // 启用CORS中间件
    config.EnableCors();
}

启用CORS中间件后，可以在控制器或操作方法上使用[EnableCors]属性来指定允许访问的域。

关于Angular 4和ASP.NET Web API的更多信息和示例，可以参考以下链接：

• Angular 4官方网站：https://angular.io/
• ASP.NET Web API官方文档：https://docs.microsoft.com/en-us/aspnet/web-api/
• 腾讯云相关产品：腾讯云服务器（https://cloud.tencent.com/product/cvm）、腾讯云API网关（https://cloud.tencent.com/product/apigateway）、腾讯云COS（https://cloud.tencent.com/product/cos）等。