Estoy creando un login en angular typescript y consumiendo apirest con spring scurity y jwt en spring boot .
Me Encontre con un error muy inusual cuando me trato de logear me trae en el Headers Authorization null o unefined apesar que el usuario y la contraseña son los mismo de la base de datos brindo todo la informacion correspondiente al caso :
cree mi modelo de tipo interface que obtendra como parametro lo siguiente :
export interface login{
username : string;
password : string
}
declare mi servicio del api para que me genere el token
crearToken(crear: login) {
return this.http.post('http://localhost:8077/rest/tokenCreated', {
username: crear.username,
password: crear.password
}, { observe: 'response' })
.pipe(
map((response: HttpResponse<any>) => {
console.log('body: ', response);
if (response.status === 200 && response.headers.has('Authorization')) {
const bearerToken = response.headers.get('Authorization')!;
const token = bearerToken.replace('Bearer ', '');
console.log(token);
localStorage.setItem('token', token);
} else {
console.error('No se pudo obtener el token');
}
}),
catchError((error) => {
console.error('Error al obtener el token: ', error);
return of(error);
})
);
}
cree la funcion validar() esto es donde el usuario de logearia:
token: login = {
username: '11111111111Kirby',
password: '123456'
}
Validar() {
console.log(this.token);
this.serviceAduser.crearToken(this.token).subscribe(data => {
console.log(data); //linea 205
});
}
pero cuando se logeara vota el siguiente error esto es lo que se muestra en la consola:
pero en mi network me vota lo siguiente
Por ultimo tambien muestro la peticion que le hago al postman de tipo post y me trae status 200 la cual significa que esta funcionando correctamente
espero que me ayuden a resolver el error , gracias :D