我一直在致力於一個AngularJS項目，該項目必須向一個restfull webservice發送AJAX調用。這個web服務在另一個域上，所以我必須在服務器上啓用cors。我這樣做，通過設置這些標題：AngularJS withCredentials

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");

我能夠從AngularJS發送AJAX請求到後端，但我現在面臨一個問題，當我試圖讓一個會話的屬性。我相信這是因爲sessionid cookie不會發送到後端。

我能夠通過將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", 
     xhrFields: { 
      withCredentials: true 
     }, 
     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); 
      });

誰能告訴我我做錯了什麼？

來源

2012-12-06 Wouter

你應該通過一個配置對象，像這樣

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

或在舊版本：

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

又見your other question。

來源

2013-01-02 19:24:12 iwein

$httpProvider.interceptors.push('UtimfHttpIntercepter');

，並創建工廠，如果您正在使用ngresource你將宣佈在方法調用的東西，如'」：

在你的配置添加該getUserDetail'：{method：'GET'，params：{}，withCredentials：true}' – ch4nd4n

在這種情況下，只有withCredentials：true以這種形式出現，或者也可以選擇Content-Type，Accept，crossDomain，Access-Control-Allow-Credentials /產地/頭？ – wanttobeprofessional

在這種情況下，較舊和較新的版本是？ – wanttobeprofessional

在您的應用程序配置的功能補充一點：

$httpProvider.defaults.withCredentials = true;

這將追加這個頭你所有的要求。

不要忘記注入$httpProvider

編輯：2015年7月29日

下面是另一種解決方案：

HttpIntercepter可用於增加公共報頭以及共同參數。與名UtimfHttpIntercepter

angular.module('utimf.services', []) 
    .factory('UtimfHttpIntercepter', UtimfHttpIntercepter) 

    UtimfHttpIntercepter.$inject = ['$q']; 
    function UtimfHttpIntercepter($q) { 
    var authFactory = {}; 

    var _request = function (config) { 
     config.headers = config.headers || {}; // change/add hearders 
     config.data = config.data || {}; // change/add post data 
     config.params = config.params || {}; //change/add querystring params    

     return config || $q.when(config); 
    } 

    var _requestError = function (rejection) { 
     // handle if there is a request error 
     return $q.reject(rejection); 
    } 

    var _response = function(response){ 
     // handle your response 
     return response || $q.when(response); 
    } 

    var _responseError = function (rejection) { 
     // handle if there is a request error 
     return $q.reject(rejection); 
    } 

    authFactory.request = _request; 
    authFactory.requestError = _requestError; 
    authFactory.response = _response; 
    authFactory.responseError = _responseError; 
    return authFactory; 
}

來源

2015-04-13 10:34:17

AngularJS withCredentials

回答

編輯：2015年7月29日

相關問題