React.js网站构建可在一台主机上运行，​​但不能在另一台主机上运行

Question

我是react.js的新手。我使用create-rect-app创建了一个react网站。我已经运行了：npm在git中运行构建并获得了我的静态站点文件。一切都在测试主机上工作，但是当我移动主机时，只有索引页面工作并导航到其他页面会产生404错误。使用react-router-dom进行路由。

如何让我的页面在其他主机上运行？

工作主持人：http://000webhost.com/ 糟糕的工作主机是一些本地提供商

编辑：基本上我有/ Home和/ Contact等页面。 我正在使用react-router-dom。

代码：

import React, { Component } from 'react';
import { BrowserRouter as Router, Route} from 'react-router-dom';
import logo from './logo.svg';
import './App.css';

import Home from './pages/Home.jsx';
import Contacts from './pages/Contacts.jsx';
import Our_products from './pages/Our_products.jsx';

class App extends Component {
  render() {
    return (
      <Router>
        <div>
          <Route exact path ="/" component={Home}/>
          <Route exact path ="/Home" component={Home}/>
          <Route exact path ="/Contacts" component={Contacts}/>
          <Route exact path ="/Our-products" component={Our_products}/>
        </div>
      </Router>
    );
  }
}

export default App;

我可以从代码中看到我的索引链接到/ Home。我已将Build文件夹上传到两个托管平台上的public_html。在一个网站上工作正常，另一个网站只显示主页。

Answer 1

所以，你可以忽略这一点，但有助于改变

<a href="/" />

到

<Link to="/" />

。基本上，一个托管服务提供商可以将链接呈现为

<a />

其他仅作为

<Link />