Реактивный роутер refre sh 404

Question

У меня есть базовый c реагировать приложение.

    import React, { Component } from 'react'
    import ReactDOM from 'react-dom'
    import {BrowserRouter as Router, Link, Route} from 'react-router-dom'
    import registerServiceWorker from './registerServiceWorker';
    import './App.css'
    import About from './routerTest/About';
    import Users from './routerTest/Users';
    import User from './routerTest/User';

     class App extends Component {

      render() {
        return (
    <div className="App">
  <header>
    <Link to="/">Home</Link>
    <Link to="/about">About</Link>
    <Link to="/users">Users</Link>
    </header>
    <Route  path="/about"   component={About}/>
    <Route  path="/users"   component={Users}/>
    <Route  path="/" exact HomePage  render={() => <h1>HomePage</h1>}/>

    </div>
          )
      }
    }


    ReactDOM.render(
      <Router>
       <App />


      </Router>
      , document.getElementById('root'));
      registerServiceWorker();

О. js

import React from 'react'

const About = () => {
    return (`enter code here`
        <div>
            <h1>About</h1>
        </div>
    )
}

export default About

, когда я работаю на localhost, все работает нормально. Но когда я развертываю его на любом хостинг-сервисе (например: alwaysdata, webhost) и обновляю sh страницу на любом маршруте, это выдает мне ошибку. У вас нет прав доступа к этому серверу. Что здесь не так

Answer 1

Для пользователей React Router V4:

<Router history={hashHistory} >
does not work in V4, please use HashRouter instead:

import { HashRouter } from 'react-router-dom'

<HashRouter>
  <App/>
</HashRouter>