title: Using Webpack with React-router bundle.js Not Found
body: <p>I build a project with Webpack and react-rounter.
  this is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>ReactDOM.render(
      &lt;Provider store={store}&gt;
          &lt;Router history={ browserHistory }&gt;
              &lt;Route path='/' component={ App } &gt;
                  &lt;IndexRoute component={ Home } /&gt;
                  &lt;Route path="purchase" component={ Purchase } /&gt;
                  &lt;Route path="purchase/:id" component={ Purchase } /&gt;
              &lt;/Route&gt;
          &lt;/Router&gt;
      &lt;/Provider&gt;,
      document.getElementById('example')
  );</code></pre>
  </div>
  </div>
  </p>
  
  <p>When i request <code>"http://127.0.0.1:3001/purchase"</code>, it's work! but the address <code>"http://127.0.0.1:3001/purchase/a"</code> has error. look the error message:<a href="http://i.stack.imgur.com/UJuJ4.png" rel="noreferrer">enter image description here</a></p>
  
  <p>My WebpackDevServer config is:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new WebpackDevServer (webpack(config), {
      publicPath: config.output.publicPath,
      hot: true,
      noInfo: false,
      historyApiFallback: true
  }).listen(3001, '127.0.0.1', function (err, result) {
          if (err) {
              console.log(err);
          }
          console.log('Listening at localhost:3001');
      });</code></pre>
  </div>
  </div>
  </p>
  
  <p>I don't know what the matter, Help me!</p>