Breaking News: Grepper is joining You.com. Read the official announcement!

Append token in http request angular

Add Answer

Nanu answered on May 13, 2022 Popularity 3/10 Helpfulness 1/10

answer Append token in http request angular

related Attach token with http request angular

related Append token in http request angular

Append token in http request angular

Comment

token.interceptor.ts
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';

@Injectable()
export class TokenInterceptor implements HttpInterceptor {
    public intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const token = localStorage.getItem('token') as string;
        if (token) {
        req = req.clone({
            setHeaders: {
            'Authorization': `Bearer ${token}`
            }
        });
        }
        return next.handle(req);
    }
}

Popularity 3/10 Helpfulness 1/10 Language typescript

Source: www.interviewbit.com

Tags: angular append http-request token typescript

Link to this answer
Share Copy Link

Contributed on Apr 03 2023

Nanu

0 Answers Avg Quality 2/10

Closely Related Answers

Attach token with http request angular

Comment

var headers_object = new HttpHeaders().set("Authorization", "Bearer " + t);

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on May 13 2022

Dive 1995

0 Answers Avg Quality 2/10

Append token in http request angular

Comment

app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { AppComponent } from './app.component';
import { TokenInterceptor } from './token.interceptor';

@NgModule({
imports: [
    BrowserModule
],
declarations: [
    AppComponent
],
bootstrap: [AppComponent],
providers: [{
    provide: HTTP_INTERCEPTORS,
    useClass: TokenInterceptor,
    multi: true
}]
})
export class AppModule {}

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: www.interviewbit.com

Tags: angular append http-request javascript token

Link to this answer
Share Copy Link

Contributed on Apr 03 2023

Nanu

0 Answers Avg Quality 2/10

Append token in http request angular

Contents

More Related Answers

Append token in http request angular

Closely Related Answers

Attach token with http request angular

Append token in http request angular

Grepper

Documentation

Social

Legal

Contact

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