2017-02-16 65 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

哦等等!我沒有關閉所有瀏覽器會話。現在工作正常。謝謝! –