用react-router创建组合链接

Question

问题是当我添加一个组合链接时，例如

<Route path="L1/L2" component={Comp}/>

当导航到链接时，应用程序无法从公共文件夹加载资源，因为应用程序正在从示例中加载资源:http://localhost:8080/L1/bundle.js而不是http://localhost:8080/bundle.js我猜这是webpack配置中的一个问题，但无法修复它这是我的webpack配置:

    var config = {
      devtool: 'eval-source-map',
      entry:  __dirname + "/app/Index.js",
      output: {
       path: __dirname + "/public",
       filename: "bundle.js"
     },
     module: {
     loaders: [{
      test: /.jsx?$/,
      exclude: /node_modules/,
      loader: 'babel',
      query: {
        presets: ['es2015','react']
      }
    }]
   },
   devServer: {
    contentBase: "./public",
    colors: true,
    historyApiFallback: true,
    inline: true
   }

一切帮助将不胜感激，谢谢你提前!

Answer 1

这是关于如何在index.html中加载您的包:

• <script src="bundle.js"></script>相对于当前url

• <script src="/bundle.js"></script>是相对于根。

尝试第二个版本，它应该可以工作了。