所需的ReactJS路由格式

Question

在这里询问，因为我无法在线找到确定的答案.....我的reactjs路由应如下所示

import './App.css'; import { BrowserRouter as Router, Route, Link, Switch, Redirect } from 'react-router-dom'; 
import Home from './components/Home';
import Test from './components/Test'; 
import Test1 from './components/Test1'; 

class App extends Component {
 render() { return
( 

<Router> 
<div> 
<Navbar /> 
<Switch> 
<Route exact path="/" component={Home} /> 
 <Route exact path="/home" component={Home} /> 
<Route exact path="/test" component={Test} />
<Route exact path="/test1" component={Test1} /> 
<Route component={NoMatch} /> </Switch>
 </div> 
</Router> 
); 
} 
} 

export default App; 

或者它应该这样包含index.html

<Route exact path="/test/index.html component={Test} />

我问的原因是当我在除root以外的任何路径上刷新页面时，找不到404页面