title: Trailing forward slash in react-router routes
body: <p>I am using react-router v3.0.0 with react v15.1.0. I have the following route setup:</p>
  
  <pre><code>ReactDom.render(&lt;Provider store={store}&gt;
      &lt;Router history={BrowserHistory}&gt;
          &lt;Route path='shop' component={App}&gt;
              &lt;IndexRoute component={Shop} /&gt;
              &lt;Route path='/product' component={ProductView} /&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;
  &lt;/Provider&gt;, document.getElementById('app'));
  </code></pre>
  
  <p>As you can see, my base <code>Route</code> for the application has a path of <code>'shop'</code>. As far as the user is concerned, this <strong>should</strong> result in 2 separate routes, <code>http://example.com/shop</code> and <code>http://example.com/shop/product</code>. However, this is not the case. </p>
  
  <p>When I deploy the aforementioned code, <code>http://example.com/shop</code> renders correctly, but <code>http://example.com/shop/product</code> renders nothing. In fact, I get a console error: </p>
  
  <pre><code>Warning: [react-router] Location "/shop/product" did not match any routes
  </code></pre>
  
  <p>So, I altered my setup a bit:</p>
  
  <pre><code>ReactDom.render(&lt;Provider store={store}&gt;
      &lt;Router history={BrowserHistory}&gt;
          &lt;Route path='shop/' component={App}&gt;
              &lt;IndexRoute component={Shop} /&gt;
              &lt;Route path='product' component={ProductView} /&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;
  &lt;/Provider&gt;, document.getElementById('app'));
  </code></pre>
  
  <p>This will allow me to render <code>http://example.com/shop/</code> (notice the trailing forward slash), <code>http://example.com/shop/product</code>, <strong>but NOT <code>http://example.com/shop</code>.</strong></p>
  
  <p>Is is possible to render <code>http://example.com/shop</code>, <code>http://example.com/shop/</code>, <code>http://example.com/shop/product</code> within the same app?</p>