반응 라우터를 통한 라우팅이 작동하지 않습니다.

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 
}