深层路由的 webpack HistoryApiFallback 配置

webpack-dev-server 可以设置为将您发送回 index.html 并找到单个路由的脚本，例如http://localhost:4301/sdr http://localhost:4301/sdr但是当您放入更深的路线（或末尾带有 / 的单个路线）时http://localhost:4301/sdr/dog http://localhost:4301/sdr/dog它变得混乱。

  devServer: {
    contentBase: './dist',
    historyApiFallback: true
  },

with http://localhost:4301/sdr/dog http://localhost:4301/sdr/dog服务器响应

x GET http://localhost:4301/sdr/bundle.js 

将 /sdr 添加到搜索 bundle.js 的路径中

我怎样才能解决这个问题。 ...然后我将在 NGINX 上尝试，然后使用react-router，然后使用navigo，然后使用react-router-redux....

我也有这个问题。我发现解决方案是添加publicPath: '/'到我的 webpack 配置下的输出。

const base = {
  entry: [
    PATHS.app,
  ],
  output: {
    path: PATHS.build,
    publicPath: '/',
    filename: 'index_bundle.js',
  },
  module: {
    loaders: [
      {test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'},
      {test: /\.css$/, loader: 'style!css?sourceMap&modules&localIdentName=[name]__[local]___[hash:base64:5]'},
      {test: /\.json$/, loader: 'json'},
    ],
  },
  resolve: {
    root: path.resolve('./app'),
  },
}

const developmentConfig = {
  devtool: 'cheap-module-inline-source-map',
  devServer: {
    contentBase: PATHS.build,
    hot: true,
    inline: true,
    progress: true,
    proxy: {
      '/api': 'http://127.0.0.1:5000',
    },
    historyApiFallback: true,
  },
  plugins: [HTMLWebpackPluginConfig, new webpack.HotModuleReplacementPlugin()],
}

export default Object.assign({}, base, developmentConfig)

以下是该属性的更详细文档：http://webpack.github.io/docs/configuration.html#output-publicpath http://webpack.github.io/docs/configuration.html#output-publicpath

这里是论坛，对这个问题有更详细的讨论：https://github.com/webpack/webpack/issues/443 https://github.com/webpack/webpack/issues/443