Question

我正在尝试在名为YDN-DB的框架中访问我的WebApi服务。它是本地存储类型数据库。它允许您从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函数，我启用了CORS并且来自原点：

[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中有关＆＃34;启用CORS＆＃34;的所有步骤。有三件事需要：

安装NuGet包。 Install-Package Microsoft.AspNet.WebApi.Cors
在HttpConfiguration上启用CORS。通常，这是一种静态方法：Register(HttpConfiguration config)，包括对config.EnableCors()的调用。
使用EnableCors属性修饰您的控制器或方法，例如[EnableCors(origins: "http://mywebclient.azurewebsites.net", headers: "*", methods: "*")]

鉴于您使用EnableCors属性的示例，很明显您已经拥有＃3，其中＃1作为先决条件，因此您也可以获得。看起来你已经错过了＃2。

WebAPI2 - 跨源脚本问题

1 个答案: