title: Routing URL contains an Fragment (#)
body: <p>Im working on an angular application (Version 6) which is hosted on an AWS s3 Bucket.</p>
  
  <p>There is a little <code>#</code> in my app url routing which wont break my routing or isnt a problem at all. Anyway I tried to get rid of the <code>#</code> with no success so far.</p>
  
  <p>A little Example:</p>
  
  <p><code>http://localhost:4200/#/Login</code> should be <code>http://localhost:4200/Login</code></p>
  
  <p>Which is the best way to get rid of the <code>#</code> ?</p>
  
  <p><strong>app-routing.module.ts</strong></p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  
   // ----- Import of all the Components
   ...
  
  export const routes: Routes = [
  
    { path: '', component: LoginComponent },
    { path: 'Login', component: LoginComponent },
    { path: 'signup', component: signupComponent },
    { path: 'Password', component: PasswordResetComponent, data: {title: 'Passwort Reset'} },
    { path: 'password', component: PasswordResetComponent, data: {title: 'Passwort Reset'} },
    { path: 'confirmation', component: LoginComponent },
    { path: 'Error', component: ErrorPageComponent, data: {title: 'ERROR'} },
  
  export const routing = RouterModule.forRoot(routes);
  
  @NgModule({
     imports: [RouterModule.forRoot(routes)],
     exports: [RouterModule]
  })
  export class AppRoutingModule { }
  </code></pre>
  
  <p>In the <strong>app.module.ts</strong> I just import the <code>AppRoutingModule</code></p>