title: react-router ignoring nested routes when providing url with path
body: <p>I'm playing around with the <code>react</code> and <code>redux</code> trying to put together a basic app with <code>react-routes</code>. At the moment I have managed to put the following together which works for the <code>Wrapper</code> and the <code>Home</code> page, however the 'apps' page doesn't seem to load if I go to localhost:8080/apps. I just get a 404 every time.</p>
  
  <p>Any ideas where I may have gone wrong here? </p>
  
  <p>There are no errors or warnings in the console and I've tried looking through several examples online however none of them seemed to be particularly different to what I have,</p>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import { Provider } from 'react-redux'
  import { browserHistory } from 'react-router';
  import { syncHistoryWithStore } from 'react-router-redux';
  
  import Routes from './routes/routes';
  import { configureStore } from './store/configureStore';
  
  const rootElem = document.getElementById('mount');
  
  const store = configureStore(browserHistory);
  const history = syncHistoryWithStore(browserHistory, store);
  
  const provider = &lt;Provider store={store}&gt;&lt;Routes history={history} /&gt;&lt;/Provider&gt;;
  
  ReactDOM.render(provider, rootElem);
  </code></pre>
  
  <p><strong>routes/routes.js</strong></p>
  
  <pre><code>import React from 'react';
  import { Router, Route, IndexRoute } from 'react-router'
  
  import { Wrapper, Home, Apps } from './../views';
  
  class Routes extends React.Component {
  
      render () {
  
          const { history } = this.props;
  
          return(
              &lt;Router history={history}&gt;
                  &lt;Route path='/' component={Wrapper}&gt;
                      &lt;IndexRoute component={Home}/&gt;
                      &lt;Route path='apps' component={Apps}/&gt;
                  &lt;/Route&gt;
              &lt;/Router&gt;
          );
      }
  }
  
  Routes.propTypes = {
      history: React.PropTypes.object.isRequired
  };
  
  export default Routes;
  </code></pre>
  
  <p><strong>store/configureStore.js</strong></p>
  
  <pre><code>import { createStore, applyMiddleware, compose } from 'redux';
  import { routerMiddleware } from 'react-router-redux'
  import createLogger from "redux-logger";
  import thunk from 'redux-thunk';
  
  import rootReducer from './../reducers'
  
  export function configureStore(history, initialState = {}) {
  
      const logger = createLogger();
      const middleware = routerMiddleware(history);
  
      const store = createStore(
          rootReducer,
          initialState,
          compose(
              applyMiddleware(thunk, middleware, logger),
              window.devToolsExtension ? window.devToolsExtension() : f =&gt; f
          )
      );
  
      return store;
  }
  </code></pre>
  
  <p><strong>reducers/index.js</strong></p>
  
  <pre><code>import { combineReducers } from 'redux';
  import { routerReducer } from 'react-router-redux';
  
  export default combineReducers({
      //...reducers,
      routing: routerReducer
  });
  </code></pre>