React Routes 不在 Heroku 上工作，但在本地工作

Question

这个问题已经被其他人回答了一百万次，但到目前为止似乎没有任何效果。大多数答案都包含 server.js 文件的代码。我的应用程序具有 Ruby on Rails 后端和带有 JavaScript 和 React 的前端，但没有 server.js 文件。我的问题是，是否应该有一个解决路线不能在 Heroku 上工作但在本地工作的问题？如果没有，如何解决这个问题？如果我需要创建一个 server.js 文件，而当我通过链接导航到其他路线时一切正常（只是当我直接转到 url 时不是），但如果我需要的话，我当然会感到沮丧。直到现在我才知道这个文件。

App.js 下面

import React, { Component } from 'react'
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
import 'semantic-ui-css/semantic.min.css';
import Articles from './components/Articles'
import Home from './components/Home'
import NotFound from './components/NotFound'
import NavBar from './components/Navbar'
import ChessBoard from './components/chess/ChessBoard'
import Info from './components/Info'
import './App.scss'

class App extends Component {
  render () {
    return <div className="app">
      <div className="router">
      <Router>
        <NavBar/>
      <Switch>
        <Route path='/' exact component={Home} />
        <Route path='/articles' exact component={Articles} />
        <Route path='/chess' exact component={ChessBoard} />
        <Route path='/info' exact component={Info} />
        <Route component={NotFound} />
      </Switch>
    </Router>
    </div>
    </div>
  }
}

export default App

而且，我添加了一个 static.json 文件，带有和不带有 clean_urls 设置。

{
    "root": "build/",
    "routes": {
      "/**": "index.html"
    }
}

谢谢

Answer 1

一般来说，路由器工作在开发模式而不工作在生产模式是由于错误使用publicPath（或某些构建工具中的basepath）造成的。

你给我的信息太少，我只能做出主观猜测

您的前端在本地工作只是因为它在/ 上提供服务，而不是在远程服务器上工作，因为它在诸如/app 之类的基本路径下提供服务。 在大多数构建工具中，默认基本路径是/。

如果您使用的是 webpack，请使用 publicPath 设置。

更新：由于您使用的是 React-router，请使用basename。