title: Angular 2 Router Directly Accessing URL
body: <p>I have my <code>main.component.ts</code> code:<br>
  Its location is: <code>root/</code></p>
  
  <pre><code>import {Component, OnInit, OnChanges, IterableDiffers} from 'angular2/core';
  import {TypeService} from './type/type.service';
  import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
  import {Router} from 'angular2/router';
  
  @Component({
      selector: 'my-app',
      providers: [],
      directives: [ROUTER_DIRECTIVES],
      template: `
        &lt;a [routerLink]="['Type']"&gt;Type&lt;/a&gt;
        &lt;router-outlet&gt;&lt;/router-outlet&gt;
      `
  })
  
  @RouteConfig([
    {path:'/type', name: 'Type', component: TypeService}
  ])
  
  export class AppComponent{
    constructor(private _router: Router){}
  }
  </code></pre>
  
  <p>Then I have my <code>type.component.ts</code> code:<br>
  Its location is: <code>root/type</code></p>
  
  <pre><code>import {Component, OnInit} from 'angular2/core';
  import {DirectoryComponent} from '../main/main.component';
  import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
  import {Router} from 'angular2/router';
  import {AppComponent} from '../app.component';
  import {Http} from 'angular2/http';
  
  @Component({
    selector: 'type',
    directives: [ROUTER_DIRECTIVES],
    template: `&lt;h1&gt;hi&lt;/h1&gt;`
  })
  
  export class TypeService{
  
    constructor(
      private _router: Router) {}
    }
  </code></pre>
  
  <p>When I click the Type link in my main application it takes me to root/type and it loads the type component. However if I press reload it gives me a Not Found error. </p>
  
  <p>How do I make it so I can access components directly via the url?</p>