jwt interceptor

Core/Core/ClientApp/src/app/app.module.ts

 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { HttpClientModule } from '@angular/common/http';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { RouterModule } from '@angular/router';
 import { ChartModule } from 'angular-highcharts';
 
@@ -16,6 +16,7 @@ import { HomeComponent } from './home/home.component';
 import { RegistrationComponent } from './registration/registration.component';
 import { AuthGuard } from './auth.guard';
 import { RegistrationService } from './registration/registration.service';
+import { JwtInterceptor } from './helpers/jwt.interceptor';
 
 @NgModule({
   declarations: [
@@ -43,7 +44,8 @@ import { RegistrationService } from './registration/registration.service';
     ImportService,
     LoginService,
     AuthGuard,
-    RegistrationService
+    RegistrationService,
+    { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true }
   ],
   bootstrap: [AppComponent]
 })

Core/Core/ClientApp/src/app/helpers/jwt.interceptor.ts

+import { Injectable } from "@angular/core";
+import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from "@angular/common/http";
+import { LoginService } from "../login/login.service";
+import { Observable } from "rxjs";
+
+@Injectable({
+  providedIn: 'root'
+})
+
+export class JwtInterceptor implements HttpInterceptor {
+
+  constructor(private LoginService: LoginService) { }
+
+  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    let currentuser = this.LoginService.IsLoggedIn;
+    let token = localStorage.getItem('jwt');
+
+    if (currentuser && token !== undefined)
+      request = request.clone({ setHeaders: { Authorization: `Bearer ${token}`} });
+
+    return next.handle(request);
+  }
+}

Core/Core/ClientApp/src/app/login/login.service.ts

@@ -3,7 +3,6 @@ import { HttpClient } from '@angular/common/http';
 import { Router } from '@angular/router';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
-import { error } from 'util';
 @Injectable({
   providedIn: 'root'

Core/Core/Core.csproj

@@ -38,12 +38,14 @@
 
   <ItemGroup>
     <None Remove="ClientApp\src\app\app.routing.module.ts" />
+    <None Remove="ClientApp\src\app\helpers\jwt.interceptor.ts" />
     <None Remove="ClientApp\src\app\import\import.service.ts" />
     <None Remove="ClientApp\src\app\login\login.service.ts" />
     <None Remove="ClientApp\src\app\registration\registration.service.ts" />
   </ItemGroup>
 
   <ItemGroup>
+    <TypeScriptCompile Include="ClientApp\src\app\helpers\jwt.interceptor.ts" />
     <TypeScriptCompile Include="ClientApp\src\app\import\import.service.ts" />
     <TypeScriptCompile Include="ClientApp\src\app\login\login.service.ts">
       <SubType>Code</SubType>