react-router中的URL参数问题

Question

我一直在尝试使用react-router的Router，Route和Switch组件来跟踪docs。

但我完全无法获得URL参数。我可以让所有其他路线工作，但任何涉及/:variable，我似乎无法工作。

从他们的文档中，他们有这样的代码：

import { Switch, Route } from 'react-router'

<Switch>
  <Route exact path="/" component={Home}/>
  <Route path="/about" component={About}/>
  <Route path="/:user" component={User}/>
  <Route component={NoMatch}/>
</Switch>

我有这个：

const AppRouter = () => {
    return (
        <Router>
            <div>
                <Header />

                <Switch>
                    <Route exact path="/" component={HomePage} />
                    <Route path="/pricing" component={PricingPage} />
                    <Route path="/contact" component={ContactPage} />
                    <Route path="/signup" component={SignupPage} />
                    <Route path="/login" component={LoginPage} />
                    <Route path="/forgotpassword" component={ForgotPasswordPage} />

                    <Route path="/resetpassword/:token" component={ResetPasswordPage} />

                    <PrivateRoute path="/dashboard" component={DashboardPage} />
                </Switch>
            </div>
        </Router>
    );
};

除了/resetpassword/:token之外，每一个组件/路线都有效，我不能为我的生活找出原因。

当我去http://localhost:8000/resetpassword时，它实际上显示了我的标题组件。

当我去http://localhost:8000/resetpassword/或http://localhost:8000/resetpassword/123时，我在控制台中收到这些错误：

GET http://localhost:8000/resetpassword/dist/style.css net::ERR_ABORTED
GET http://localhost:8000/resetpassword/dist/bundle.js 404 (Not Found)

谁能发现我的错误？

Here is a link在我目前的回购中的这个文件，如果这将有所帮助。

谢谢

Answer 1

另一答案