反応ルータ経由のルーティングは機能しません

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

<Router>にhistory={browserHistory}を使用してください。あなたのコードは次のようになります。あなたはあなたのwebpack.config.jsに以下を追加する必要があり

を更新しました

<Router history={browserHistory}> 

。

devServer: { 
    historyApiFallback: true 
}