how to add jwt token in angular http request

Naughty Nightingale answered on March 23, 2022 Popularity 9/10 Helpfulness 4/10

answer how to add jwt token in angular http request

how to add jwt token in angular http request

Comment

      tokenType  = 'Bearer ';
      loginUser(data: Student): Observable<any> {
            const url = '/login';
            const header = new HttpHeaders().set('Authorization', this.tokenType + this.cookieService.get('token')); // may be localStorage/sessionStorage
            const headers = { headers: header };
            return this.httpClient.post(this.serverUrl + url, data, headers);
        }
        
        getuserInfo(): Observable<any> {
            const url = '/userinfo';
            const header = new HttpHeaders().set('Authorization', this.tokenType + this.cookieService.get('token')); // may be localStorage/sessionStorage
            const headers = { headers: header };
            return this.httpClient.get(this.serverUrl + url,headers);
        }
        
        submitForm(submission: any): void {
            console.log(submission);
            if (submission && submission.submit) {
                delete submission.submit;
            }
            this.loginService.loginUser(submission)
                .subscribe(result => {
                    console.log(result);
                    this.userinfo();
                }, err => {
                    alert(err);
                });
        }
        
        userinfo() {
            this.loginService.getuserInfo()
            .subscribe(result => {
                console.log(result);
            }, err => {
                alert(err);
            });
        }

Popularity 9/10 Helpfulness 4/10 Language typescript

Source: Grepper

Tags: add jwt token typescript

Link to this answer
Share Copy Link

Contributed on Mar 23 2022

Naughty Nightingale

0 Answers Avg Quality 2/10

how to add jwt token in angular http request

Contents

More Related Answers

how to add jwt token in angular http request

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.