unable to retrieve access-token and uid from the response headers

Question

unable to retrieve access-token and uid from the response headers

I am attempting to extract access-token and uid from the response headers of a post request, as shown in the screenshot at this https://i.sstatic.net/8w8pV.png

Here is how I am approaching this task from the service side:

signup(postObj: any){
let url = environment.apiBaseUrl + "/v1/leads";
return this.http.post(url, postObj,{observe: 'response'});
}

On the component side:

this.apartmentService.signup(obj).subscribe(data => {
console.log(data);
this.toastr.success('Registered successfully');
console.log(this.citydata,'this.citydata');

}

https://i.sstatic.net/zV6qi.png Unfortunately, the method does not return any response headers. I have tried multiple solutions found online, but none have worked for me. Any guidance would be greatly appreciated.

Thank you!

javascript angular typescript

Answer 1

Answer №1

Try running the code snippet below to see if the required response headers are being fetched:

this.apartmentService.signup(obj).subscribe((data: any) => {
console.log('access token: ', data.headers.get('access-token'));
console.log('uid: ', data.headers.get('uid'));
});

Alternatively, you can try this code snippet:

this.apartmentService.signup(obj).subscribe((data: any) => {
console.log('access token: ', JSON.parse(data.headers.get('access-token')));
console.log('uid: ', JSON.parse(data.headers.get('uid')));
});

Answer 2

Try running the code snippet below to see if the required response headers are being fetched:

this.apartmentService.signup(obj).subscribe((data: any) => {
console.log('access token: ', data.headers.get('access-token'));
console.log('uid: ', data.headers.get('uid'));
});

Alternatively, you can try this code snippet:

this.apartmentService.signup(obj).subscribe((data: any) => {
console.log('access token: ', JSON.parse(data.headers.get('access-token')));
console.log('uid: ', JSON.parse(data.headers.get('uid')));
});

unable to retrieve access-token and uid from the response headers

Answer №1

Similar questions

Is there a way to combine Vue3, Stripe, and Typescript for seamless integration?

"Unlocking the potential of Vue.js: Grabbing the object ID with a

What are the best tools to develop a browser-based 2D top-down soccer simulation?

Encountered an issue while loading the discovery document for the integration of AD FS using angular-oauth2-oid

Designing a user interface that consists of numerous distinct components

I am interested in utilizing the request-reply pattern with KafkaJS in a TypeScript environment. Could you provide guidance on how to successfully implement this?

Saving information obtained through Angular subscribe into a variable

Keycloak does not support using the updateToken() function within an asynchronous function

Experience the enhanced Angular Material 10 Date Range Picker featuring the exclusive matDatepickerFilter functionality

Ways to make a jQuery function more concise

Extracting precise information from a JSON file using Angular's $http.get

Exploring different pages in Angular2 and Ionic2

Issues with Ajax calls not functioning properly within CakePHP

"Utilize the style attribute to modify the appearance based on the

Which Angular2 npm packages should I be installing?

Guide to showing an uploaded image in a child component using Vue.js

Discovering the bottom scroll position in an Angular application

Integrate Bootstrap 4 with your Angular 6 or Angular 7 application

Mastering the nesting of keys in Typescript.Unlock the secrets of

Adjusting the field of view of a perspective camera in THREE.JS while maintaining the camera's original distance