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>相对于当前网址。
<script src="/bundle.js"></script>相对于 root 。

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

使用react-router创建组合链接

1 个答案: