AngularJS withCredentials

发布时间：2020-12-17 08:39:29 所属栏目：安全来源：网络整理

导读：我一直在一个AngularJS项目，必须发送AJAX调用到restfull webservice。这个webservice是在另一个域上，所以我不得不在服务器上启用cors。我通过设置这些标题： cresp.getHttpHeaders().putSingle("Access-Control-Allow-Origin","http://localhost:8000");cr

我一直在一个AngularJS项目，必须发送AJAX调用到restfull webservice。这个webservice是在另一个域上，所以我不得不在服务器上启用cors。我通过设置这些标题：

cresp.getHttpHeaders().putSingle("Access-Control-Allow-Origin","http://localhost:8000");
cresp.getHttpHeaders().putSingle("Access-Control-Allow-Credentials","true");
cresp.getHttpHeaders().putSingle("Access-Control-Allow-Methods","GET,POST,DELETE,PUT");
cresp.getHttpHeaders().putSingle("Access-Control-Allow-Headers","Content-Type,Accept,X-Requested-With");

我可以发送AJAX请求从AngularJS到后端，但我面临一个问题，当我尝试获取一个会话的属性。我相信这是因为sessionid cookie没有发送到后端。

我能够解决这个在jQuery中通过设置withCredentials为true。

$("#login").click(function() {
    $.ajax({
        url: "http://localhost:8080/api/login",data : '{"identifier" : "admin","password" : "admin"}',contentType : 'application/json',type : 'POST',xhrFields: {
            withCredentials: true
        },success: function(data) {
            console.log(data);
        },error: function(data) {
            console.log(data);
        }
    })
});

$("#check").click(function() {
    $.ajax({
        url: "http://localhost:8080/api/ping",method: "GET",success: function(data) {
            console.log(data);
        }
    })
});

我面临的问题是，我不能让这个工作在AngularJS与$ http服务。我试着这样：

$http.post("http://localhost:8080/api/login",$scope.credentials,{withCredentials : true}).
            success(function(data) {
                $location.path('/');
                console.log(data);
            }).
            error(function(data,error) {
                console.log(error);
            });

任何人都可以告诉我我做错了什么？

你应该传递一个配置对象，像这样

$http.post(url,{withCredentials: true,...})

或在旧版本：

$http({withCredentials: true,...}).post(...)

参见your other question。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!