Can I change the Accept-Language request header using AngularJS

Question

Is there a way to change or change the Accept header that I submit to my API? is there any javascript jquery or angular way? I don’t want to send by default, but one that has my Cookie!

Answer 1

In AngularJS, you can set common headers using $ httpProvider , and you can get cookies using $ cookies .

For instance:

var app = angular.module("app", []);

app.config(["$httpProvider", "$cookies", function($httpProvider, $cookies) {
    // set Accept-Language header on all requests to
    // value of AcceptLanguageCookie cookie
    $httpProvider.defaults.headers.common["Accept-Language"] = $cookies.get("AcceptLanguageCookie");

    // or set headers on GET requests only
    if (!($httpProvider.defaults.headers).get) {
        ($httpProvider.defaults.headers).get = {};
    }
    $httpProvider.defaults.headers.get["Test-Header"] = "value";
}]);

Answer 2

cookie, "Accept-Language", . , config , .

, $http $cookies

:

var app = angular.module("app", []);

app.run(["$http", "$cookies", function($http, $cookies){
  // set Accept-Language header on all requests
  $http.defaults.headers.common["Accept-Language"] = $cookies.get("LocaleCookie");
}]);

---

"Accept-Language" cookie, .config()

var app = angular.module("app", []);

app.config(["$httpProvider", function($httpProvider) {
  // set Accept-Language header on all requests
  $httpProvider.defaults.headers.common["Accept-Language"] = "fr";
}]);