Capturing the request headers when making an HTTP call with AngularJS

Question

Capturing the request headers when making an HTTP call with AngularJS

Hey! I need some help with displaying the content of headers. Is there a simple way to do this? Here's my code snippet:

this.http.post(this.url, '{"username":"user","password":"123456"}')
.subscribe((res) => {
 var payload = res.json();
 var headers = res.headers;
 console.log('Content-Range: ' + headers.values());

However, I'm encountering an error:

ERROR Object { _body: error, status: 0, ok: false, statusText: "", headers: Object, type: 3, url: null }

==================================UPDATE================================ I am attempting to make a post request to a server, but it seems that Angular throws an error right after http.post due to an empty body. As such, I cannot perform a console log. I am only interested in the headers and not the body.

angularjs angular typescript

Answer 1

Answer №1

Attempt to accomplish it in this manner.

   access() {
     let data = new URLSearchParams;
    data.append('email',this.user);
    data.append('key',this.password);
        this.http.send(this.link,{header:header,search:data} )
            .map((reply) => reply.json())
                }
            }
        }

Answer 2

Attempt to accomplish it in this manner.

   access() {
     let data = new URLSearchParams;
    data.append('email',this.user);
    data.append('key',this.password);
        this.http.send(this.link,{header:header,search:data} )
            .map((reply) => reply.json())
                }
            }
        }

Answer 3

Answer №2

After some troubleshooting, I was able to resolve my issue by manually configuring the headers in my code. Here's the solution:

res.setHeader("Access-Control-Expose-Headers", "Origin, X-Requested-With, Content-Type, Accept,Authorization,Access-Control-Allow-Origin")

;

Answer 4

After some troubleshooting, I was able to resolve my issue by manually configuring the headers in my code. Here's the solution:

res.setHeader("Access-Control-Expose-Headers", "Origin, X-Requested-With, Content-Type, Accept,Authorization,Access-Control-Allow-Origin")

;

Capturing the request headers when making an HTTP call with AngularJS

Answer №1

Answer №2

Similar questions

Understanding TypeScript typing when passing arguments to the Object.defineProperty function

What is the process of parsing a Java property file in AngularJS?

What is the reason for Typescript's lack of ability to narrow down object keys to

The updated value in useState keeps reverting to its original value

When I utilize a component to create forms, the React component does not refresh itself

A deep dive into TypeScript: enhancing a type by adding mandatory and optional fields

Organizing an array based on designated keywords or strings

Listening for combinations of keys pressed using HostListener

Creating an Ionic 2 hybrid mobile app with a navigation controller: Step-by-step guide

Animate specifically new items in a list rendered via ngFor in Angular animation

Properly passing props to child components in React with TypeScript. Resolve Error ts(2322)

In AngularJS, the $http get method is displaying the status code of the data object instead of

What is the best way to remove a reactive FormControl when a Component is destroyed?

Typescript sometimes struggles to definitively determine whether a property is null or not

Clearly defining the data types for static dictionary values, while also deducing the precise structure or at least the keys

Error Styling: Using CSS to Highlight Invalid Checkboxes within a Group

Incorporating Angular 2 Templates: Exploring how to bind keydown.arrow event to the entire div rather than just specific

What could be the reason for the GET method being executed after the DELETE method in ExpressJS?

The art of Angular localization: harvesting language elements from ts documents

Exploring the capabilities of Angular, I delved into the concept of utilizing a multid