使用angularJS的跨域请求

Question

我想显示数据从API使用angularJS。当在同一台电脑上运行代码时，这段代码工作正常。但是当我试图在另一台电脑上测试时，它显示错误，请求的资源上没有访问控制允许来源的标头。angularjs

我使用的是1.4.8

这是我的密码：

$http({
            method:"get",
            url: 'http://IP/Test_API/index.php/test123_api/empdtl_from_empid/emp_id/'+$scope.empId
        })
        .success( function( response ){
            if (response != null || response != 'undefined') {
                $scope.empNm = response.data.emp_name;
            }
        })
        .error( function( response ) {
            if(response.statusCode == 404)
            {
                $scope.errorEmpNm = "You May Inputted Wrong Employee Id which have not Exist, Please Enter Correct Employee Id...!!!";
            }
        })

Answer 1

您必须在响应中启用CORS。一个解决方法是使用针对Chrome的enable CORS插件。但是，请注意，这不是针对真正客户的解决方案，它会对您的浏览器产生副作用。仅用于测试。

真正的修复是您必须在服务器端执行的操作。在后端启用“允许控制”“允许来源”的方式取决于后端的体系结构。将“Allow Control Allow Origin”添加到响应的标题中，问题将得到解决。

对于PHP，在响应头中添加以下内容

header("Access-Control-Allow-Origin: *");

Answer 2

您可以尝试$http.jsonp（），它可以进行跨源请求，但请求方法的唯一选项是GET，并且您不能使用它来承载较大的负载，因为浏览器可能会限制URL长度。

注意url中的回调=JSON_CALLBACK！

var url = "http://other.domain.com/some/path?callback=JSON_CALLBACK";
$http.jsonp(url, {params: {param1: value1, param2: value2}})
     .success(function(response) {
       // ...
     })
     .error(function(response) {
       // ...
     })

Answer 3

您无法通过javascript解决它。您向其发出请求的服务器必须实现CORS，以便从您的网站访问中授予JavaScript。您的JavaScript无法授予自己访问其他网站的权限。