2

Tengo mi archivo apiauth.service.ts de la siguiente manera:

import { HttpClient, HttpHeaders } from "@angular/common/http";
import { Injectable } from "@angular/core";

import { BehaviorSubject,  map,  Observable } from "rxjs";
import { Usuario } from "../models/usuario";
import { Response } from "../models/response";
import { Login } from "../models/login";
import { Router } from "@angular/router";
const httpOption = {
   headers :new HttpHeaders({
  
  
     'Content-Type' : 'application/json'
   })
 }
@Injectable({
   providedIn:'root'
})
export class ApiAuthService{
  url: string = 'https://localhost:44355/User/Login' ;
  private usuarioSubject!: BehaviorSubject<Usuario>;
  public usuario: Observable<Usuario>;
  public get usuarioData():Usuario{

    return this.usuarioSubject.value;
  
  }
  constructor(private router:Router,private http : HttpClient){
       this.usuarioSubject = new BehaviorSubject<Usuario>(JSON.parse(localStorage.getItem('usuario')!));
       this.usuario = this.usuarioSubject.asObservable();
  }
  login(login : Login):Observable<Response>{
      return this.http.post<Response>(this.url, login,httpOption).pipe(map(res=>{
  
        if(res.exito == 1){

           const usuario:Usuario = res.data;
           localStorage.setItem('usuario',JSON.stringify(usuario));
           this.usuarioSubject.next(usuario);
        }
        return res;
      }));
 
  }
  logout(){
   
    localStorage.removeItem('usuario');
    this.router.navigate(['login']);
      }
}

Pero si doy click en el boton cerrar sesion, no me redirige al login ni a ninguna pagina. Y los datos se siguen visualizando..Sin embargo si refresco la pagina(con el navegador o F5) si me aparece el login y ya no puedo entrar a ningun controller.. que podra ser?

Edito: app.routing.module.ts:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { ArticuloComponent } from './articulo/articulo.component';
import { ClienteComponent } from './cliente/cliente.component';
import { HomeComponent } from './home/home.component';
import { LoginComponent } from './login/login.component';
import { VentaComponent } from './venta/venta.component';

const routes: Routes = [
  { path: '', redirectTo: '/login', pathMatch: 'full' },
  
  {path: 'home',component:HomeComponent},
  {path: 'Clientes',component:ClienteComponent},
  {path: 'Venta',component:VentaComponent},
  {path: 'login',component:LoginComponent},
  {path: 'Articulo',component:ArticuloComponent},
  {path: '', component: HomeComponent}

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }
4
  • Puedes publicar el modulo de rutas?. Y prueba agregando la ruta absoluta del login , por ejemplo this.router.navigate(["/login"])
    – Legna
    el 14 oct. 2021 a las 18:18
  • Ya probé como dices y sigue iguall
    – Caruso
    el 15 oct. 2021 a las 15:43
  • Publica el modulo de rutas para poderte ayudar.
    – Legna
    el 15 oct. 2021 a las 20:59
  • Listo ahi publique el routing module
    – Caruso
    el 16 oct. 2021 a las 10:49

1 respuesta 1

0

Tienes 3 rutas que chocan. { path: '', redirectTo: '/login', pathMatch: 'full' }, {path: '', component: HomeComponent} y {path: 'home',component:HomeComponent}

  
  {path: 'home',component:HomeComponent},
  {path: 'Clientes',component:ClienteComponent},
  {path: 'Venta',component:VentaComponent},
  {path: 'login',component:LoginComponent},
  {path: 'Articulo',component:ArticuloComponent},
  // Este no => {path: '', component: HomeComponent}
  //Redirije a tu home si no hay nada escrito. Es más natural. 
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  //Agrega esto en caso de que estemos teniendo un error. 
  { path: '**', component:NotFoundComponent },


Ahora this.router.navigate(["/login"]) no debería de darte ningún problema.

6
  • hola..aplique el codigo que pusiste pero sigue igual, que puede ser
    – Caruso
    el 16 oct. 2021 a las 19:54
  • Agrega una nueva ruta path:'**' a un componente que quieras (puede ser uno que muestre un error 404) Puede que te este mandando un error y con esa linea se captura el error..
    – Legna
    el 16 oct. 2021 a las 20:13
  • No sera que el login tiene que estar fuera de la aplicacion en la pantalla principal digamos
    – Caruso
    el 11 nov. 2021 a las 16:09
  • Esto te pasa en producción o en local?
    – Legna
    el 11 nov. 2021 a las 16:26
  • En local. Pero al ver el login se ve el menu es decir esta dentro de appcomponent
    – Caruso
    el 11 nov. 2021 a las 16:28

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.