Question: So I used the default Registration Form Laravel.

Made copy of the Registration Form to make a slightly different one.

Basically there is two sign up forms 

1. Starter - original
2. Bronze - Copy

**--My Routing List--**

```
Auth::routes();
Route::get('/register', function(){
  return View::make('auth.register');
});

Route::get('/bronze', function(){
  return View::make('auth.bronze');
});

Route::get('/login', function(){
  return View::make('auth.login');
});

```

Now every time I submit the bronze sign up form, it redirects me to my home page.

I'm thinking maybe its my Action call in my view. which is identical to the Starter Form

```
<form class="form-horizontal" role="form" method="POST" action="{{ url('/register') }}">

```

if I'm correct what I just did is bad practice, but I'm a new-bie at this framework.

Answer: 
Change your routes like this:

```
const appRoutes: Routes = [
{ path: '', redirectTo: HomeComponent, pathMatch: 'full'}, //(redirectTo or component)
{path:'intro',component: IntroComponent},
{path:'login',component: LoginComponent},
{path:'register', component: RegisterComponent}
];

```

the default `pathMatch` strategy is `prefix` in routes so `path: ''` with `prefix` means practically everyroute. So everyroute was navigated to the `HomeComponent`.
This happens because initial navigation is not completed when calling `this.router.navigate(['/intro'])` from `ngOnInit`. 

There are two ways to solve this:

**Solution #1**

In `app.module.ts` you disable initial navigation

```
RouterModule.forRoot(appRoutes, { initialNavigation: false })

```

Ref: [router.navigate failing silently on OnInit of component](https://github.com/angular/angular/issues/11748)

**Solution #2**

If you do not want to disable initial navigation then use `setTimeout` to allow the initial navigation to complete.

```
setTimeout(() => this.router.navigate(['/intro']), 1)

```