Fix login service HTTP request type

src/app/services/login.service.ts

@@ -1,4 +1,4 @@
-import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { HttpClient, HttpParams } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 import { environment } from '../../environments/environment';
@@ -11,13 +11,11 @@ export class LoginService {
 
   constructor(private http: HttpClient) {}
 
-  login(username: string, password: string): any {
+  login(username: string, password: string): Observable<any> {
-    const headers= new HttpHeaders({
+    const payload = new HttpParams()
-      'Content-Type':'application/x-www-form-urlencoded'
+      .set('username', username)
-    })
+      .set('password', password);
-    return this.http.post(this.apiUrl + '/login', {
+
-        username: username,
+    return this.http.post(this.apiUrl + '/login', payload);
-        password: password,
-    }, {headers}).subscribe();
   }
 }