CODEWITHSUNDEEP
angularjshttpgethttp-headers
Manoj Patidar
Manoj Patidar

Reputation: 1171

Angular js get request with headers- showing CORS error

In my angular controller code my http get method not working with header but the same request working in postman 

$http({
   method: 'GET',
   url: 'http://localhost:8080/api/profiles',
   headers: {
     'Authorization': 'Bearer 78954642-sf25-4sd6-sdf2-99582369d5af',
     'Content-Type':'text/plain'
    }
   }).then(function(success) {
     console.log(success);
  }, function(error) {
  });

Showing following error 

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://quotebuilder' is therefore not allowed access. The response had HTTP status code 401.

My request header 

OPTIONS /api/profiles HTTP/1.1
Host: localhost:8080
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache
Access-Control-Request-Method: GET
Origin: http://quotebuilder
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36
Access-Control-Request-Headers: authorization
Accept: */*
Referer: http://quotebuilder/login
Accept-Encoding: gzip, deflate, sdch, br
Accept-Language: en-US,en;q=0.8

What is wrong here ? please help me to resolve the issue

Upvotes: 0

Views: 619

Answers (1)

Abdullah Al Noman
Abdullah Al Noman

Reputation: 2878

Your should make CORS disabled in your server side to make this work. A resource makes a cross-origin HTTP request when it requests a resource from a different domain, or port than the one which the first resource itself serves see dtails here. If you are using spring or other server side web frameworks you need to disable that from there.

Upvotes: 2

Related Questions