title: React router not working after building the app
body: <p>I am new to react and react-router. The app is created using <a href="https://github.com/facebookincubator/create-react-app" rel="noreferrer">create-react-app</a>. I need to implement routing in my app with two main pages. I have tried many options and finally made it work with the following code.</p>
  
  <p>This code works fine during development. But after building the app, its not working properly. The route to 404 page is only getting displayed. Please help me resolve this.</p>
  
  <pre><code>&lt;Router history={browserHistory}&gt;
    &lt;Route component={Root}&gt;
      &lt;IndexRoute component={App} /&gt;
      &lt;Route path="/" component={App} /&gt;
      &lt;Route path="/sna/:country" component={SNA} /&gt;
      &lt;Route path="*" component={FourOFour}/&gt;
    &lt;/Route&gt;
  &lt;/Router&gt;
  </code></pre>
  
  <p>I have used <code>browserHistory</code> to enable navigation on changing a dropdown using below code.</p>
  
  <pre><code>selectCountry(event){
      var value = event.target.value;
      browserHistory.push('/sna/' + value);
  }
  </code></pre>
  
  <h2>package.json</h2>
  
  <pre><code>  {
    "name": "my-app",
    "version": "0.1.0",
    "homepage": "./",
    "private": true,
    "dependencies": {
      "bootstrap": "^3.3.7",
      "react": "^15.4.2",
      "react-addons-update": "^15.4.2",
      "react-bootstrap": "^0.30.8",
      "react-data-grid": "^2.0.24",
      "react-dom": "^15.4.2",
      "react-router": "^2.6.0"
    },
    "devDependencies": {
      "react-scripts": "0.9.5"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test --env=jsdom",
      "eject": "react-scripts eject"
    }
  }
  </code></pre>