React-Router在子路由上返回404

我正在使用react，react-router（v4），redux和webpack（-dev-server）来构建应用程序 . Devserver和eveything工作正常，包括HMR和 historyApiFallback . 意味着当我输入 http://localhost:8080/how 时，我得到 index.html ， bundle.js （我的应用程序），正在呈现正确的组件 How .

我的基本路由如下：

//App.js 
<Router>
    <Wrapper>
        <Route path='/' component={MainNav} />
        <Route exact path='/' component={Splash} />
        <Route path='/how' component={How} />
        <Route path='/auth' component={Auth} />
        <Route path='/' component={Footer} />
    </Wrapper>

但是，在声明子路线时，例如，在 Auth ：

<Wrapper orange>
    Login Page
    <Link to={loginUrl}>Login</Link>
    <Switch>
        <Route exact path='/auth/login' component={Login} />
        <Route path='/register' component={Register} />
    </Switch>
</Wrapper>

输入 http://localhost:8080/auth/login 时，我从react-router获得404 . 在App中导航到 http://localhost:8080/auth/login 时，例如在链接单击时，正在呈现 Login 组件 .

我知道StackOverflow上有很多类似的问题，但奇怪的是顶级路由正在呈现而没有问题，这只发生在嵌套路由上 . 此外，它可能不是webpack-dev-server（ historyApiFallback 或 publicPath ）的问题，因为我还可以将应用程序捆绑 生产环境 并与节点服务器一起提供，结果相同 .

我也没有看到basic example in the react-router docs的区别 .

仅供参考，这是我的webpack配置：

module.exports = {
    context: resolve(__dirname, 'app'),
    entry: debug ? [
        'react-hot-loader/patch',
        './index.js',
    ] : './index.js',
    output: {
        filename: 'bundle.js',

        path: resolve(__dirname, 'public'),

        publicPath: '/',
        // necessary for HMR to know where to load the hot update chunks
    },

    // possibly change to inline-source-map or something else
    devtool: debug ? 'eval' : false,

    devServer: debug ? {
        hot: true,
        compress: true,
        port: 8080,
        contentBase: resolve(__dirname, 'public'),
        publicPath: '/',
        historyApiFallback: true,
    } : { },
    module: {
        loaders: [
            { test: /\.js$/,
                loaders: [
                    'babel-loader',
                ],
                exclude: /node_modules/,
            },
            {
                test: /\.css$/,
                loaders: [
                    'style-loader',
                    'css-loader?modules',
                    'postcss-loader',
                ],
            },
        ],
    },

...
}