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

Question

我是 react.js 的新手。我使用 create-rect-app 创建了一个反应网站。我有运行: npm 运行 build in git 并获得了我的静态站点文件。一切都在测试主机上工作，但是当我移动主机时，只有索引页面工作并且导航到其他页面会出现 404 错误。使用 react-router-dom.

路由 im

如何让我的页面在其他主机上工作？

工作主机：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。在一个网站上工作正常，在另一个网站上只显示 /Home 页面。

Answer 1

所以，你可以忽略这一点，但有用的是改变

<a href="/" />

到

<Link to="/" />

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

<a />

其他仅作为

<Link />

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

React.js website build works on one host, but not another

react-router-dom

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