Using Webpack with React-router bundle.js Not Found
<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>