Bomber Code

Necesito ayuda urgente!! Es respecto a un problema que tengo en mi aplicación. Estoy desarrollando una aplicación utilizando como servidor Java. Mediante Postman compruebo que el método login del controlador funcione correctamente y no hay problema.

El problema lo tengo en Angular. Intento coger el método creando un servidor, y pasando ese método en el componente login. Tengo errores a la hora de añadir los mensajes de error y al intentar acceder a la aplicación. Me aparece el error 400 de credenciales erróneas, mientras que el token me aparece en consola.

El código de Angular en el servicio:

getLogin(usuario: any): Observable<any>{
    return this.http.post("http://localhost:8085/login/", usuario);
  } 

  setToken(token: string){
    this.cookies.set("token", token);
  }

  getCookies(){
    return this.cookies.get("token");
  }

  getUsuarioLogged(){
    const token = this.getToken();
  }

  getLogout(){
    return this.cookies.delete("token");
  }



El código en el componente login:

correo:string;
  password:string;
  administrador:CheckboxControlValueAccessor;
  alerta: boolean;

  constructor(private servicio:EventoService, private router:Router) { }

  ngOnInit() {
   
  }

  alertaChange(){
    this.correo = null;
    this.password = null;
  }

  login(){
    console.log("Debe autenticarse en la aplicación");   
    const usuario = {correo: this.correo, contraseña: this.password };   
    this.servicio.getLogin(usuario).subscribe( data => {
      this.servicio.setToken(data.token);
      this.router.navigateByUrl('categorias');
    },
    error => {
      console.log(error);
    });
  }



Y el código en el html de login:


<div class="mt-5 p-5 w-75 w-center bg-light" style=" margin: 0 auto; float: none; margin-bottom: 10px">
  <form #loginForm="ngForm">
    <h1 class="display-4 text-center">Inicie Sesión</h1>
    <div class="form-group">
      <label for="correo">Correo</label>
      <input
        type="email"
        class="form-control"       
        name="correo"
        required="required"
        [value]="correo"
        [(ngModel)]="correo"
        (ngModelChange)="alertaChange()"
        placeholder="Ingresar correo"
      />
      <div *ngIf="alerta" class="col-md-3 mb-2">
        <div class="alert alert-danger" ng-value="correo">
            <strong>Debe introducir el correo</strong>
        </div>
      </div>
    </div>
    <div class="form-group">
      <label for="password">Contraseña</label>
      <input type="password" class="form-control" required="required" [value]="password" (ngModelChange)="alertaChange()" [(ngModel)]="password" name="password" />
      <div *ngIf="alerta" class="col-md-3 mb-2">
        <div class="alert alert-danger" ng-value="password">
          <strong>Debe introducir la contraseña</strong>
        </div>
      </div>
    </div>
    <div class="form-group form-check">
      <input type="checkbox" class="form-check-input" [(ngModel)]="administrador" name="administrador" />
      <label class="form-check-label" for="administrador">Click si eres administrador</label>
    </div>
    <button type="submit" class="btn btn-primary" (click)="login()">Entrar</button>
    <a class="btn btn-primary ml-3" href="registro">Registro</a>
  </form>
</div>



Muchas gracias de antemano!!

Bienvenido @adriansjro una pregunta ¿que permisos tenes para cada archivo? me parece el error va maas por no poder leer/escribir correctamente lo que se pide....


Saludos Familia!

Trata de asignarle 755, el codigo se ve bien, sin embargo revisa que no te tire errores en notepad++ o cosas de ese tipo.