title: routing in angular 12
body: <p>I have used angular 12 in VSCode and Web Api 2 to develop my application.</p>
  <p>my routing looks like this</p>
  <pre><code>const routes: Routes = [
      { path: '', component: HomeComponent, canActivate: [AuthGuard] },
      { path: 'home', component: HomeComponent, canActivate: [AuthGuard] },
      { path: 'login', component: LoginComponent },
       .......// other routes in the application
  ];
  
   @NgModule({
       imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })],
       exports: [RouterModule]
   })
   export class AppRoutingModule { }
  </code></pre>
  <p>I have deployed my application in Dev server. The url looks something like this</p>
  <pre><code>https://myDomain/MyApplicationFolder/Login
  </code></pre>
  <p>Login page is rendered perfectly. All the routing works fine. my only concern is</p>
  <p>if I type</p>
  <pre><code>https://myDomain/MyApplicationFolder/  I get forbidden error.
  </code></pre>
  <p><a href="https://i.stack.imgur.com/oKE7f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oKE7f.png" alt="enter image description here" /></a></p>
  <p>Is there anyways that i get redirected to</p>
  <pre><code>https://myDomain/MyApplicationFolder/home 
  </code></pre>
  <p>if anyone types</p>
  <pre><code>https://myDomain/MyApplicationFolder/
  </code></pre>