WebAPI2 - проблемы с перекрестным контентом

Question

Я пытаюсь получить доступ к моей службе WebApi в рамках под названием YDN-DB. Это база данных локального хранилища. Он позволяет загружать с URL-адреса и . Я пытаюсь сделать это, используя вызов Cross Origin.

Это код, который создает XMLHttpRequest и делает вызов:

var xhr = new XMLHttpRequest(); 
xhr.open('GET', url, true); 
var me = this; 
xhr.onload = function(e) { 
    var lines = xhr.responseText.split('\n'); 
    var documents = []; 
    for (var i = 0; i < lines.length; i++) { 
     var data = lines[i].split(';'); 
     if (data.length == 2) { 
      for(i=0; i<data.length; i++) { 
       // Here, I will be loading the records into the YDN-DB. 
      } 
     } 
    } 
    var msg = Documents.length + ' Documents loaded, indexing...'; 
    me.setStatus(msg); 
    var i=0; 
    var load = function(i) { 
     var n = 50; 
     me.db.put('Document', docs.slice(i, i + n)).then(function(keys) { 
     i = i + n; 
     if (i < docs.length) { 
      this.setStatus(msg + ' ' + i); 
      load(i); 
     } else { 
      this.setStatus(msg + ' done.'); 
     } 
     }, function(e) { 
     throw e; 
     }, me); 
    }; 
}; 
xhr.send(); 

Я получаю сообщение об ошибке, и я не могу понять, почему.

XMLHttpRequest cannot load http://localhost:51946/api/Archive/c4020343622d57162cbdc11e603a49d93d64018e5c/1026697/1/10000/D. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8040' is therefore not allowed access. 

Это моя WebAPI функция от моего контроллера я CO включен и от происхождения:

[HttpGet] 
[ResponseType(typeof(List<string>))] 
[Route("api/Archive/{LogonTicket}/{PID}/{MinRow}/{MaxRow}/{Direction}")] 
[EnableCors("http://localhost:8040", // Origin 
      "Accept, Origin, Content-Type, Options",        // Request headers 
      "GET",                 // HTTP methods 
      PreflightMaxAge = 600             // Preflight cache duration 
)] 
public object Archive(string LogonTicket, int PID, int MinRow, int MaxRow, string Direction) 
{ 
    if (svc.ValidateTicket(LogonTicket, PID)) 
    { 
     List<string> e = mp.GetArchiveJson(PID.ToString(), MinRow, MaxRow, Direction); 
     return e; 
    } 
    else 
    { 
     throw new AuthenticationException("Invalid LogonTicket"); 
    } 
} 

Любых идей ?? Нужно ли добавить второй вызов в XMLHttpRequest?

Answer 1

Обязательно выполните следующие действия: the documentation относительно «Включить CORS». Необходимы 3 вещи:

1. Установите пакет NuGet. Install-Package Microsoft.AspNet.WebApi.Cors
2. Включить CORS на HttpConfiguration. Обычно это статический метод: Register(HttpConfiguration config), включают вызов config.EnableCors().
3. Украсьте свои контроллеры или методы с помощью атрибута EnableCors, например. [EnableCors(origins: "http://mywebclient.azurewebsites.net", headers: "*", methods: "*")]

Учитывая ваш пример использования атрибута EnableCors, это ясно, у вас есть # 3, который имеет # 1 в качестве предварительного условия, так что вы также получили это. Похоже, вы пропустили №2.