title: How do I change the root path of a ASP.Net WebAPI application?
body: <p>I am trying create a single page web app combining both ASP.NET WebAPI and the Yeoman Angluarjs generator. Currently I have a project structure as laid out below</p>
  
  <p><code>|-- yeomanAngularApp
      |-- app
      |-- dist
          |-- scripts
          |-- index.html
      |-- etc...
  |-- WebApiApp
      |-- App_Start
      |-- bin
      |-- Content
      |-- Controllers
      |-- Models
      |-- WebApiApp.csproj
      |-- dist
          |-- scripts
          |-- index.html
  </code></p>
  
  <p>When I want to build the app distribution, I copy the <code>dist</code> folder in the <code>yeomanAngularApp</code> into the <code>WebApiApp</code> replacing the <code>dist</code> folder in there. </p>
  
  <p>Now this is all very easy to do. What I really then want to do is to tell the <code>WebApiApp</code> not to use <code>WebApiApp\</code> as the root of the project, but use <code>WebApiApp\dist</code>. This means instead of going to <code>http://localhost/dist/index.html</code>, I could go to <code>http://localhost/index.html</code> even though <code>index.html</code> is in the <code>dist</code> folder. On top of this I would also like my WebAPI routing for the controllers to play nicely too.</p>
  
  <p>I've been searching for a while and I can't seem to find an answer. The best I can come up with, is using URL rewriting, which to me doesn't feel right.</p>