反应路由，路径不工作，未找到捆绑

Question

以下路由很有效，并显示AdministratePage组件：

 <Route path="/admin" component={AdministratePage} />

然而这条路线：

 <Route path="/admin/all" component={AdministratePage} />

...导致以下错误：

  

http://localhost:8080/admin/bundle.js 404（未找到）

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

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

我的webpack.config.js：

  output: {
        path: path.resolve('dist'),
        filename: '/bundle.js'
    },

我的index.html：

   <div id="app"></div>

谢谢。

Answer 1

Slash在这里看起来毫无用处

filename: '/bundle.js'

还尝试定义publicPath

output: {
  filename: 'bundle.js',
  path: path.resolve('dist'),
  publicPath: '/',
},

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

Answer 2

React-router v4现在允许您使用正则表达式来匹配参数

<Route path="/admin/all | /admin" component={AdministratePage} />

它使用path-to-regexp

path-to-regexp

Answer 3

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

<base href="/">