url不存在时的angular2路由redirectTo

Question

Is there a way to redirect the user back to home page when they try to access non-existent url like /randomUrl.

export const routes: RouterConfig = [
 { path: '', component: LoginComponent },
];

I thought it would be something like the code below, but its not redirect back to the main page.

{path: '/**', redirectTo: '/', pathMatch: 'full' }

full route.ts

import { Component } from '@angular/core';
import { provideRouter, RouterConfig, CanActivate } from '@angular/router';
import { LoginComponent } from '../login/component/login';
import { AuthGuard } from './authguard';
import { JourneysComponent } from '../journeys/components/journeys';

export const routes: RouterConfig = [
  { path: '', component: LoginComponent },
  {path:  '**', redirectTo: '/', pathMatch: 'full'},
  { path: 'journeys', component: JourneysComponent, canActivate: [AuthGuard] }

];

export const APP_ROUTER_PROVIDERS = [
  provideRouter(routes)
];

Answer 1

Change

{path: '/**', redirectTo: '/', pathMatch: 'full' }

to

{path: '**', redirectTo: '/', pathMatch: 'full' }

The paths should not contain leading /