title: React Router deep linking
body: <p>This is my first time using React and React Router, and I am running into some deep linking issues. I've build a simple SPA, and with the help of React Router, I can navigate to mysite.com/work, mysite.com/about, and mysite.com/work/:projectid. I have no problem navigating to these pages if I start at the root of the site (mysite.com and clicking on 'Work', for example). The problem I am running into is deep linking (manually entering mysite.com/about or refreshing the page on mysite.com/about). This all works on my localhost but not on the hosted site (which, btw, is hosted on GitHub pages).</p>
  
  <p>Is this because I am using GitHub pages to host my site? Or is this an issue with React Router?</p>
  
  <p>Here is part of main.js:</p>
  
  <pre><code>var routes = (
      &lt;Router history={history}&gt;
          &lt;Route path="/" component={App}&gt;
              &lt;IndexRoute component={Work} /&gt;
              &lt;Route path="/work" component={Work} /&gt;
              &lt;Route path="/work/:id" component={ProjectDetail} /&gt;
              &lt;Route path="/about" component={About} /&gt;
          &lt;/Route&gt;
          &lt;Route path="*" component={NotFound} /&gt;
      &lt;/Router&gt;
  );
  
  ReactDOM.render(routes, document.getElementById('main'));
  </code></pre>