My problem is : Property 'do' does not exist on type 'Observable<HttpEvent<any>>

[HassanKhaleghirad]

https://github.com/DotnetMob/Angular-5-Login-and-Logout-in-Web-API-Using-Token-Based-Authentication/blob/a88b2bb57e0c03f2a31f1477cd68faa18d0a82d9/Angular5/src/app/auth/auth.interceptor.ts#L22

[ashutoshgupta0088]

'do' has been changed to 'tap' in angular 6.Also you should use piping instead of chaining.

[HassanKhaleghirad]

Ok thanks. Can you help me how can I pipeline it?

[ryanking44]

`import { HttpInterceptor, HttpRequest, HttpHandler, HttpUserEvent, HttpEvent } from "@angular/common/http";
import { Observable } from "rxjs";
import { } from 'rxjs/add/operator/do';
import { tap } from 'rxjs/operators';
import { Injectable } from "@angular/core";
import { Router } from "@angular/router";

@Injectable()
export class AuthInterceptor implements HttpInterceptor {

constructor(private router: Router) { }

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    if (req.headers.get('No-Auth') == "True")
        return next.handle(req.clone());

    if (localStorage.getItem('userToken') != null) {
        const clonedreq = req.clone({
            headers: req.headers.set("Authorization", "Bearer " + localStorage.getItem('userToken'))
        });
        return next.handle(clonedreq).pipe(
            tap((err: any) => {
                if (err.status === 401)
                    this.router.navigateByUrl('/login');
            })
        );
    }
    else {
        this.router.navigateByUrl('/login');
    }
}

}`

Little late to the party here - but here is the code updated with the tap pipe

[HassanKhaleghirad]

Thank You for response.

…

On Wed, Feb 19, 2020 at 7:14 AM ryanking44 ***@***.***> wrote: `import { HttpInterceptor, HttpRequest, HttpHandler, HttpUserEvent, HttpEvent } from ***@***.***/common/http"; import { Observable } from "rxjs"; import { } from 'rxjs/add/operator/do'; import { tap } from 'rxjs/operators'; import { Injectable } from ***@***.***/core"; import { Router } from ***@***.***/router"; @Injectable <https://github.com/Injectable>() export class AuthInterceptor implements HttpInterceptor { constructor(private router: Router) { } intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { if (req.headers.get('No-Auth') == "True") return next.handle(req.clone()); if (localStorage.getItem('userToken') != null) { const clonedreq = req.clone({ headers: req.headers.set("Authorization", "Bearer " + localStorage.getItem('userToken')) }); return next.handle(clonedreq).pipe( tap((err: any) => { if (err.status === 401) this.router.navigateByUrl('/login'); }) ); } else { this.router.navigateByUrl('/login'); } } }` Little late to the party here - but here is the code updated with the tap pipe — You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub <#2?email_source=notifications&email_token=AIIYGIF2NVHHAF4JTW3UP4LRDSTIDA5CNFSM4FIBPEWKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEMGHV5Q#issuecomment-588020470>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AIIYGIGBCUENZU4CCOKC423RDSTIDANCNFSM4FIBPEWA> .