Как реализовать заголовок «Access-Control-Allow-Origin» в asp.net

Question

Возможно ли реализовать заголовок "Access-Control-Allow-Origin" в asp.net

Answer 1

С enable-cors.org :

CORS на ASP.NET

Если у вас нет доступа к настройке IIS, вы все равно можете добавить заголовок через ASP.NET, добавив следующую строку на исходные страницы:

Response.AppendHeader("Access-Control-Allow-Origin", "*");

См. Также: Настройка IIS6 / IIS7

Answer 2

Другой вариант - добавить его непосредственно в web.config:

<system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="http://www.yourSite.com" />
        <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS"/>
        <add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept" />
      </customHeaders>
    </httpProtocol>

... Я нашел это в здесь

Answer 3

1.Install-Package Microsoft.AspNet.WebApi.Cors

2.Добавьте этот код в WebApiConfig.cs.

public static void Register(HttpConfiguration config)
{
    // Web API configuration and services

    // Web API routes

    config.EnableCors();

    config.MapHttpAttributeRoutes();

    config.Routes.MapHttpRoute(
        name: "DefaultApi",
        routeTemplate: "api/{controller}/{id}",
        defaults: new { id = RouteParameter.Optional }
    );
}

3.Добавьте это

using System.Web.Http.Cors; 

4.Добавьте этот код в Api Controller ( HomeController.cs )

[EnableCors(origins: "*", headers: "*", methods: "*")]
public class HomeController : ApiController
{
    [HttpGet]
    [Route("api/Home/test")]
    public string test()
    {
       return "";
    }
}

Answer 4

Вам потребуется модуль HTTP, который просматривает запрошенный ресурс, и, если это был файл css или js, он будет привязывать заголовок Access-Control-Allow-Origin с URL-адресом запросчиков, если вы не хотите, чтобы он широко открывался с помощью '*».

Answer 5

Конфигурирование заголовков ответов CORS на сервере на самом деле не вариант.Вы должны настроить прокси на стороне клиента.

Sample to Angular - Итак, я создал файл proxy.conf.json для работы в качестве прокси-сервера.Ниже приведен мой файл proxy.conf.json:

{
  "/api": {
    "target": "http://localhost:49389",
    "secure": true,
    "pathRewrite": {
      "^/api": "/api"
    },
    "changeOrigin": true
  }
}

Поместите файл в тот же каталог package.json, затем я изменил команду запуска в файле package.json, как показано ниже

"start": "ng serve --proxy-config proxy.conf.json"

Теперь http-вызов из компонента приложения выглядит следующим образом:

return this.http.get('/api/customers').map((res: Response) => res.json());

И наконец, для запуска используйте npm start или ng serve --proxy-config proxy.conf.json