react-rotuer在子路由界面报Cannot GET /(子路由名)

import React from 'react'
import ReactDOM from 'react-dom'
import {HashRouter as Router, Route } from 'react-router-dom'
//import {BrowserRouter as Router,Route} from 'react-router-dom'
import App from './components/App'; //使用App组件
import Home from './components/Home';
import About from './components/About';

ReactDOM.render(
  (<Router>
    <div>
      <Route path='/' component={App} />
      <Route path='/Home' component={Home} />
      <Route path='/About' component={About} />
    </div>
  </Router>),
  document.getElementById('root')
)

 

import React from 'react'
import {Link} from 'react-router-dom'
import style from '../css/index.css'

class App extends React.Component{
  render(){