title: React Router V4 nested routers are not working on page reload
body: <p>I have created a new website <a href="http://gk-chart.org/" rel="nofollow noreferrer">http://gk-chart.org/</a> with react and added routing using react-rotuter-dom.</p>
  
  <pre><code>import {BrowserRouter as Router, Route, Switch} from "react-router-dom";
  </code></pre>
  
  <p>and added routers as :-</p>
  
  <pre><code>&lt;Switch&gt;
    &lt;Route exact path="/" component={Home}&gt;&lt;/Route&gt;
    &lt;Route path="/galery" component={Galery}&gt;&lt;/Route&gt;
  &lt;/Switch&gt;
  </code></pre>
  
  <p>for nested routing of multiple types of charts i have added these routes in the Gallery component</p>
  
  <pre><code>&lt;Route exact path={this.props.match.path} component={LineChart}&gt;&lt;/Route&gt;
  &lt;Route path={`${this.props.match.path}/line`} component={LineChart}&gt;&lt;/Route&gt;
  &lt;Route path={`${this.props.match.path}/lineChartFill`} component={LineChartFill}&gt;&lt;/Route&gt;
  &lt;Route path={`${this.props.match.path}/lineChartComparision`} component={LineChartComparision}&gt;&lt;/Route&gt;
  &lt;Route path={`${this.props.match.path}/lineChartComparisionFill`} component={LineChartComparisionFill}&gt;&lt;/Route&gt;
  </code></pre>
  
  <p>Routers are working properly on click of links but when i try to reload the page then page is not loading again.</p>
  
  <p>In the Gallery page <a href="http://gk-chart.org/galery" rel="nofollow noreferrer">http://gk-chart.org/galery</a> there are multiple nested routes present, when i click on these routes they loads properly, but when i reload the page, it won't load.
  Please help me to resolve this issue.</p>