title: Angular 2 Hosted on IIS: HTTP Error 404
body: <p>I have simple app with one component that expects certain parameters from url. there is only one route in the application:</p>
  
  <pre><code>const appRoutes: Routes = 
                         path: 'hero/:userId/:languageId',component: HeroWidgetComponent }];
  </code></pre>
  
  <p>In the Index.html, I have this in the header <code>&lt;base href="/"&gt;</code></p>
  
  <p>I am using webpack and the application runs fine on development environment, when browsing the url: <code>http://localhost:4000/hero/1/1</code>.</p>
  
  <p>However, when building the app for production and getting the distribution files, then hosting that on IIS. I get the following Error when trying to browse the same url:</p>
  
  <pre><code>HTTP Error 404.0 - Not Found
  The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.
  </code></pre>
  
  <p>The application works fine if I remove all the routing and just browse: <code>http:localhost:4200</code> on the IIS.</p>