javascript - 通过 react 路由器进行路由不起作用

Question

我创建了一些组件。对于路由，我使用 react-router-dom 。我的设置如下。

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import Dashboard from './components/Dashboard.jsx';
import Login from './components/Login.jsx';
import Signup from './components/Signup.jsx';
import Application from './components/Application.jsx';

import "./assets/main.css"

ReactDOM.render(
    <Router>
        <Application>
            <Switch>
                <Route exact path="/" component={Dashboard} />
                <Route path="login" component={Login} />
                <Route path="/signup" component={Signup} />
            </Switch>
        </Application>
    </Router>, document.getElementById('container')
);

这里我唯一的“/”路线正在工作，对于 /login和/signup我得到了Cannot GET /signup .

请帮助我走出困境。感谢期待

Answer 1

您应该使用history={browserHistory}在<Router> 。您的代码应如下所示:

<Router history={browserHistory}>

已更新

您应该在 webpack.config.js 中添加以下内容；

devServer: {
  historyApiFallback: true
}