2017-02-16 104 views
1

我在本地对DocumentDB模拟器测试了一些代码,并且REST API调用没有经过。我从Chrome中收到以下错误:DocumentDB仿真器REST API

XMLHttpRequest cannot load https://localhost:8081/dbs. 
Response to preflight request doesn't pass access control check: 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'null' is therefore not allowed access. The response had HTTP status code 401. 

我的代码是在本地文件,我还创建了一个本地IIS网站与DocumentDbEmulatorCertificate。这两个都会收到相同的错误。

提琴手工作正常,但并提出以下要求返回的数据库列表:

User-Agent: Fiddler 
x-ms-date: Thu, 16 Feb 2017 00:32:08 GMT 
Authorization: type%3dmaster%26ver%3d1.0%26sig%3dbpV9cfJJaOpXeGYwTxM8u3LtODh61EbiKw74d%2bnZCdY%3d 
x-ms-version: 2016-07-11 
Cache-Control: no-cache 
Accept: application/json 
Content-Type: application/json 
Host: localhost:8081 

我使用,使该请求的代码如下:

<button onclick="db.getList()">Get DBs</button> 

var res = document.getElementById("resultText"); 
 

 
     var db = { 
 
      getList: function() { 
 

 
       let stamp = "Thu, 16 Feb 2017 00:32:08 GMT"; 
 
       let token = 
 
        "type%3dmaster%26ver%3d1.0%26sig%3dbpV9cfJJaOpXeGYwTxM8u3LtODh61EbiKw74d%2bnZCdY%3d"; 
 

 
       res.innerText = '> New request...\r> ' + new Date() + "\r"; 
 
       request.send("GET", "https://localhost:8081/dbs", null, stamp, token, function (data) { 
 
        res.innerText += "> " + data + "\r"; 
 
       }); 
 
      } 
 
     }; 
 

 
     var request = { 
 
      send: function (method, url, data, stamp, token, callback) { 
 
       var xhttp = new XMLHttpRequest(); 
 
       xhttp.onreadystatechange = function() { 
 
        if (this.readyState == 4 && this.status == 200) { 
 
         callback(this.responseText); 
 
        } else 
 
        if (this.readyState == 4 && this.status != 200) { 
 
         res.innerText += "> " + this.status + ': ' + this.responseText + "\r"; 
 
        } 
 
       }; 
 
       xhttp.open(method, url, true); 
 
       xhttp.setRequestHeader("x-ms-date", stamp); 
 
       xhttp.setRequestHeader("Authorization", token); 
 
       xhttp.setRequestHeader('x-ms-version', '2016-07-11'); 
 
       xhttp.setRequestHeader("Cache-Control", "no-cache"); 
 
       xhttp.setRequestHeader('Accept', 'application/json'); 
 
       //xhttp.setRequestHeader("Content-Type", "application/json"); 
 
       //xhttp.withCredentials = true; 
 
       xhttp.onerror = function (e) { 
 
        res.innerText += '> There was an error!\r'; 
 
       }; 
 

 
       xhttp.send(data); 
 
      }, 
 
     }; 
 

 
     res.innerText += '> Ready\r';
body { 
 
    padding: 1em; 
 
    font-size: 1em; 
 
    font-family: sans-serif; 
 
} 
 

 
#resultText { 
 
    border: 1px solid silver; 
 
    padding: 1em; 
 
    font-size: 0.7em; 
 
    font-family: Courier New, Courier, monospace; 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>DocumentDB REST API Test</title> 
 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
 
</head> 
 

 
<body> 
 
    <h3>Document DB</h3> 
 
    Requests 
 
    <p> 
 
     <button onclick="db.getList()">Get DBs</button> 
 
    </p> 
 
    <div id="resultText"></div> 
 
</body>

任何想法或许为什么我遇到CORS问题?当然,模拟器我应该能够拨打本地电话?

回答

0

这是由您的浏览器而不是本地模拟器执行的。您可以

  • 尝试重新启动您的浏览器禁用网络安全。对于Chrome,所需的标志是--disable-web-security --user-data-dir。如果这样的作品,那么你应该...
  • 导航到chrome://net-internals/#hsts和需要HSTS

此外,下载最新版本的DocumentDB模拟器的域的列表中删除localhost

+0

启动Chrome并设置了标志,但没有什么区别。 –

+0

哦等等!我没有关闭所有浏览器会话。现在工作正常。谢谢! –