Thiết lập cookie $ http góc trên mỗi yêu cầu sau khi đăng nhập

Question

Tôi gặp sự cố với các cuộc gọi $ http trong AngularJS. Tôi đã tạo các dịch vụ sau

crApp.service('authService', function ($http) { 

    var urlBase = 'http://192.168.xx.xx:8081'; 

    // POST api/login/ 
    this.login = function (credentials) { 
    return $http.post(urlBase + "/api/login", credentials); 
    }; 

    // POST api/logout/ 
    this.logout = function() { 
    return $http.post(urlBase + "/api/logout/", ""); 
    }; 

}); //end service 

crApp.service('dataService', function ($http) { 

    var urlBase = 'http://192.168.xx.xx:8081'; 

    // POST api/query/ 
    this.pull = function (query) { 
    return $http.post(urlBase + "/api/query", query); 
    }; 

Từ bộ điều khiển tôi gọi là phương pháp đăng nhập:

$scope.login = function(){ 
    authService.login(credentials) 
     .success(function(data) { 
      console.log("RESULT LOGIN: " + data); 
     }) 
     .error(function(data, status, headers, config) { 
      console.log(data); 
      console.log(status); 
      console.log(headers); 
      console.log(config); 
     }); 
}; 

Cho đến nay rất tốt và tôi nhận được phản hồi nơi một cookie được thiết lập:

Sau khi đăng nhập thành công, tôi gọi phương thức sau:

var locations = { query: "from location select uid, name, description, address, phone", dataFormat: "verbose" }; 
$scope.getLocations = function() { 
    dataService.pull(portals) 
     .success(function (data) { 
      console.log("RESULT QUERY: " + data) 
     }) 
     .error(function(data, status, headers, config) { 
      console.log("Query niet gelukt!"); 
      console.log(data); 
      console.log(status); 
      console.log(headers); 
      console.log(config); 
     }); 
}; 

Kết quả:

Vì vậy, cookie sẽ không được thiết lập trong các tiêu đề. Tôi đang sử dụng AngularJS 1.3.15 và các cuộc gọi được thực hiện đến một máy chủ từ xa trên một miền khác, nhưng nó hoạt động trong công cụ REST Client trong WebStorm (Jetbrains). Vì vậy, nó phải là một cái gì đó tôi đang thiếu trong Angular! ??

Hy vọng rằng ai đó có thể giúp tôi.

Answer 1

Bạn cần đặt withCredentials = true trong cấu hình $http để cho phép cookie được đặt trên yêu cầu CORS. This article explains more about cookies and CORS.

Trong cấu hình ứng dụng của bạn:

$httpProvider.defaults.withCredentials = true; 

Ví dụ:

angular.module('myApp', []) 
.config(['$httpProvider'){ 
    $httpProvider.defaults.withCredentials = true; 
}]); 

Bạn có thể đọc về tùy chọn này trong $http provider documentation.