使用 Angular 获取数据 API 调用时出错答案

【问题标题】：Error on get data API call using Angular使用 Angular 获取数据 API 调用时出错
【发布时间】：2016-05-02 22:05:38
【问题描述】：

我正在尝试使用 api 从 TrueMD 获取药物名称。我在我的本地主机上使用它。出于这个原因，Web 服务安全性我还将“Access-Control-Allow-Origin”包含为一个空值，但仍然是相同的安全错误。有什么我想念的吗？

    $scope.medicines = [];
    var search = "crocin";
    var api_key = "API_KEY";

    $http.get("http://www.truemd.in/api/medicine_suggestions?id=" + search + "?key=" + api_key)
    .then(function(response){ 
        response.header('Access-Control-Allow-Origin', "null");
        $scope.medicines = response.data; 
        console.log($scope.medicine);
    });

【问题讨论】：

错误是 XMLHttpRequest 无法加载 truemd.in/api/medicine_suggestions?id=crocin?key=api_key。对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'localhost:8080' 不允许访问。响应的 HTTP 状态代码为 401。

标签： javascript angularjs web-services http xmlhttprequest

【解决方案1】：

因为您的 GET 请求无效。使用多个参数时，要使用的分隔符是 '&'。

您的要求应该是： "http://truemd.in/api/medicine_suggestions?id=crocin&key=XXXX"

因此，您的代码应如下所示

$http.get("http://www.truemd.in/api/medicine_suggestions?id=" + search + "&key=" + api_key)
.then(function(response){
    ...
}

PS：“Access-Control-Allow-Origin”是服务器端标头。在请求中设置它不会做任何事情。你可以摆脱它。

PS 2：您正在尝试更改服务器响应的标头。这没有任何意义。我想你误解了它的工作方式:(

【讨论】：