title: Angular Routing not working on URL Address bar
body: <p>I have made an Angular project with routing components. And I have handled some URL handling like if a user hits on the URL manually: if the URL exist, it goes to the URL components as defined in the <strong>app-routing-module.ts</strong> and if the URL doesn't exist, it shows an error page as defined in the code PagenotFoundComponent.
  e.g.</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  
  import {HomeComponent} from './component/home.component';
  import {AboutusComponent} from './component/aboutus.component';
  import {SupportComponent} from './component/support.component';
  import {PurchaseComponent} from './component/purchase.component';
  import {PagenotfoundComponent} from './component/pagenotfound.component';
  import {HowitworksComponent} from './component/howitworks.component';
  import {ProductComponent} from './component/product.component';
  import { ProductVarientDetailsComponent } from './component/product-varient-details.component';
  
  const routes: Routes = [
    { path: '', redirectTo: '/home', pathMatch: 'full'},
    { path: 'home', component: HomeComponent},
    { path: 'about-us', component: AboutusComponent},
    { path: 'how-it-works', component: HowitworksComponent},
    { path: 'support', component: SupportComponent},
    { path: 'purchase', component: PurchaseComponent},
    { path: 'product/:name/details', component: ProductComponent},
    { path: 'product-variants', component: ProductVarientDetailsComponent},
    { path: '**', component: PagenotfoundComponent}
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
  })
  export class AppRoutingModule { }
  export const routingComponents = [HomeComponent, AboutusComponent, SupportComponent,
                                    PurchaseComponent, PagenotfoundComponent, HowitworksComponent,
                                    ProductComponent, ProductVarientDetailsComponent];
  </code></pre>
  
  <p>So when I manually hit localhost:4200/home, it shows me HomeComponent Page and if I do this localhost:4200/sdnbgbdfgbh, it shows me PagenotfoundComponent Page on the local server.</p>
  
  <p>And then I went to this link: <a href="https://angular.io/guide/deployment" rel="nofollow noreferrer">https://angular.io/guide/deployment</a> to deploy my angular application. I follow the steps as the doc. says.</p>
  
  <p>My application is now working completely but when I do some manual url typing it shows me Apache Server Page Not Found. Just this thing is not working in the Angular App.</p>
  
  <p>I have deployed my App on AWS EC2 on Apache Server at PORT 80.</p>