反应路由,路径不起作用,找不到包

Ole*_*our 3 reactjs react-router-v4

以下路线效果很好,并显示了 AdministratePage 组件:

 <Route path="/admin" component={AdministratePage} />
Run Code Online (Sandbox Code Playgroud)

然而这条路线:

 <Route path="/admin/all" component={AdministratePage} />
Run Code Online (Sandbox Code Playgroud)

...导致以下错误:

http://localhost:8080/admin/bundle.js 404(未找到)

我哪里出错了?我不允许使用任何路径吗?

我正在使用 react-router-dom 4.1.2。

我的 webpack.config.js :

  output: {
        path: path.resolve('dist'),
        filename: '/bundle.js'
    },
Run Code Online (Sandbox Code Playgroud)

我的 index.html:

   <div id="app"></div>
Run Code Online (Sandbox Code Playgroud)

谢谢你。

Ita*_*nor 7

解决此问题的另一种方法是将以下标记添加到您的index.html页面:

<base href="/">
Run Code Online (Sandbox Code Playgroud)


Sas*_*Kos 5

斜线在这里看起来没用

filename: '/bundle.js'
Run Code Online (Sandbox Code Playgroud)

也尝试定义 publicPath

output: {
  filename: 'bundle.js',
  path: path.resolve('dist'),
  publicPath: '/',
},
Run Code Online (Sandbox Code Playgroud)

https://webpack.js.org/guides/public-path/