小编J D*_*ian的帖子

我们的react应用程序可以完美地在开发模式（本地主机）下运行，但是当我们将其放入heroku服务器时，我们无法直接访问路由。当我们执行history.push（{}）到我们的路径时，我们得到一个404页面。

您可以在此处查看页面：placemate.herokuapp.com

重现步骤：转至上面的URL，看到它加载。然后将/ login添加到URL栏，您将看到一个404页面。但是，单击标题中的登录名将正确引导您。

这是我们的路由器代码：

import React from 'react'
import { Switch, Route, Redirect } from 'react-router-dom'
import '../../App.css'
import Home from '../../scenes/general/home/Home'
import Login from '../../scenes/general/login/Login'
import Register from '../../scenes/general/register/Register'
import GuestHeader from '../../components/general/header/Header'

const Main = () => (
  <main className='main_app'>
      <GuestHeader />
      <Switch>
          <Route exact path='/' component={Home}/>
          <Route path='/login' component={Login}/>
          <Route path='/register' component={Register}/>
      </Switch>
    </main>
);

export default Main;

index.js文件：

ReactDOM.render(<BrowserRouter><App /></BrowserRouter>, document.getElementById('root'));
registerServiceWorker();