Force value of 'Host' header in Angular $http request

Question

I want to access an API site hosted on a multi-site server S. I have the ip adress of S, but there aren't DNS servers, so I have to make a http request with the following parameters :

{
  URL : 'http://192.168.1.xxx:80/data',
  headers : {
    Host : 'api.somesite.com'
  },
  data : ...
}

However, the 'Host' header is automatically replaced by Angular to '192.168.1.xxx' before sending (and thus the request fails). I already tried to implement a http interceptor :

api.run(['$http',function($http) {
    console.log("set host");
    $http.defaults.headers.common.Host = "api.somesite.com";
}]);

...without results : the server answers with an ERROR 500, and Development Tools show that the request had the header 'Host' set to the ip address.

Alternatively, are there other ways to make an http request to a Website by using its ip (without DNS)?

That is completely, utterly, impossible. The Host: header is managed solely by the browser. — SLaks
– SLaks, Commented Nov 14, 2016 at 19:34

Quentin · Accepted Answer · 2016-11-14 19:34:44Z

1

Host is defined a forbidden header name in the XMLHttpRequest / fetch specifications so it is impossible to set it from JavaScript in the browser.

Sorting out DNS, editing the system hosts file on a per-client basis, or configuring each client to use an HTTP proxy that knows how to resolve the URL are the only ways you can solve this problem.

answered Nov 14, 2016 at 19:34

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Force value of 'Host' header in Angular $http request

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related