title: Relative path to css and js files is incorrect when browser's url is changed
body: <p><strong>history.js</strong></p>
  
  <pre><code>var createBrowserHistory = require('history/lib/createBrowserHistory');
  
  var history = createBrowserHistory();
  
  module.exports = history;
  </code></pre>
  
  <p><strong>routes.js</strong>:</p>
  
  <pre class="lang-jsx prettyprint-override"><code>'use strict';
  var React = require('react'),
      ReactRouter = require('react-router'),
      Router = ReactRouter.Router,
      Route = ReactRouter.Route,
      NotFoundRoute = ReactRouter.NotFoundRoute,
      IndexRoute = require('react-router').IndexRoute,
      history = require('./history.js'),
      App = require('./components/app.js'),
      SignupPage = require('./components/signupPage/signupPage.js'),
      SignupSuccessPage = require('./components/signupSuccessPage/signupSuccessPage.js'),
      NotFoundPage = require('./components/notFoundPage/notFoundPage.js');
  
  var routes = (
    &lt;Router history={history}&gt;
      &lt;Route path='/(:languageCode)' component={App} &gt;
        &lt;IndexRoute component={SignupPage} /&gt;
        &lt;Route path='/success' component={SignupSuccessPage} /&gt;
        &lt;Route path='*' component={NotFoundPage} /&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;
  );
  
  module.exports = routes;
  </code></pre>
  
  <p><strong>index.html</strong>:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;signup page&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/bundle.css" /&gt;
      &lt;script src="scripts/vendors.bundle.js" type="text/javascript" defer&gt;&lt;/script&gt;
      &lt;script src="scripts/bundle.js" type="text/javascript" defer&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="app"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Loading url : <code>http://localhost:9005/en</code> (works as expected)<br>
  Loading url: <code>http://localhost:9005/fr</code> (works as expected)  </p>
  
  <p>However loading url: <code>http://localhost:9005/en/success</code> (does NOT work as expected)  </p>
  
  <p>In google's developer console I see requests to files:</p>
  
  <pre><code>http://localhost:9005/en/css/bundle.css 
  http://localhost:9005/en/scripts/vendors.bundle.js 
  http://localhost:9005/en/scripts/vendors.vendor.js
  </code></pre>
  
  <p>However if you look at the <code>index.html</code> file above the urls should be</p>
  
  <pre><code>http://localhost:9005/css/bundle.css 
  http://localhost:9005/scripts/vendors.bundle.js 
  http://localhost:9005/scripts/vendors.vendor.js
  </code></pre>
  
  <p>I am not sure how /en/ is part of the urls for .css and .js files.</p>