Reactjs 反应链接-“；在此服务器上找不到请求的URL“；部署后

我的React应用程序在本地运行得非常好，当我部署时，索引页面可以正常加载

但是，当我单击任何导航按钮时，我会收到消息“此服务器上未找到请求的URL”。它还说“另外，在尝试使用ErrorDocument处理请求时遇到了404NotFound错误。”

有人能告诉我我的代码缺少什么吗？只有已部署的版本已损坏

import React from 'react';
import './App.css';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Navigation from '../Navbar/Navbar';
import Home from '../../Pages/Home/Home';
import Services from '../../Pages/Services/Services';
import Bicultural from '../../Pages/Bicultural/Bicultural';
import Training from '../../Pages/Training/Training';
import Talent from '../../Pages/Talent/Talent';
import Mission from '../../Pages/Mission/Mission';
import Team from '../../Pages/Team/Team';
import About from '../../Pages/About/About';
import Blog from '../../Pages/Blog/Blog';
import Careers from '../../Pages/Careers/Careers';
import Contact from '../../Pages/Contact/Contact';
import NoMatch from '../../Pages/NoMatch/NoMatch';
import Footer from '../Footer/Footer';
import ScrollToTop from '../ScrollUpButton/ScrollToTop';


function App() {
  return (
    <div className="App">
      <React.Fragment>
        <Router>
          <Navigation className="no-bg" />
          <Switch>
            <Route exact path="/" component={Home} />
            <Route exact path="/services" component={Services} />
            <Route exact path="/bicultural" component={Bicultural} />
            <Route exact path="/training" component={Training} />
            <Route exact path="/talent" component={Talent} />
            <Route exact path="/mission" component={Mission} />
            <Route exact path="/team" component={Team} />
            <Route exact path="/about" component={About} />
            <Route exact path="/blog" component={Blog} />
            <Route exact path="/careers" component={Careers} />
            <Route exact path="/contact" component={Contact} />
            <Route component={NoMatch} />
          </Switch>
        </Router>
        <Footer />
        <ScrollToTop />
      </React.Fragment>
    </div>


  );
}

export default App;

从“React”导入React；
导入“/App.css”；
从“react Router dom”导入{BrowserRouter as Router，Route，Switch}；
从“../Navbar/Navbar”导入导航；
从“../../Pages/Home/Home”导入主页；
从“../../Pages/Services/Services”导入服务；
从“../../Pages/Bicultural/Bicultural”导入双文化；
从“../../Pages/Training/Training”导入培训；
从“../../Pages/Talent/Talent”导入人才；
从“../../Pages/Mission/Mission”导入任务；
从“../../Pages/Team/Team”导入团队；
从“../../Pages/About/About”导入关于；
从“../../Pages/Blog/Blog”导入博客；
从“../../Pages/Careers/Careers”导入职业；
从“../../Pages/Contact/Contact”导入联系人；
从“../../Pages/NoMatch/NoMatch”导入NoMatch；
从“../Footer/Footer”导入页脚；
从“../ScrollUpButton/ScrollToTop”导入ScrollToTop；
函数App（）{
返回(
);
}
导出默认应用程序；
啊，那是我愚蠢的错误。在重建的过程中，我的.htaccess文件被删除了。一旦我重新制作并上传，一切都很完美

如果您遇到此问题，请创建一个名为“.htaccess”的文件，并将其上载到与构建相同的文件夹中

.htacces文件的内容应如下所示：

RewriteEngine On
RewriteBase /
RewriteRule ^index.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]

啊，那是我愚蠢的错误。在重建的过程中，我的.htaccess文件被删除了。一旦我重新制作并上传，一切都很完美

如果您遇到此问题，请创建一个名为“.htaccess”的文件，并将其上载到与构建相同的文件夹中

.htacces文件的内容应如下所示：

RewriteEngine On
RewriteBase /
RewriteRule ^index.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]

尝试使用完整的url。或者可能将
htaccess.txt
更改为。
htaccess
？您在哪里部署的？url是什么样子的？我猜你的应用程序是从一个子目录提供的，它破坏了客户端的路由不，它不是从一个子目录提供的。我从中服务，这是我测试的领域，并将其设置为package.json文件中的“homepage”。当我单击链接时，地址栏确实会更改为正确的路径。它只是不像本地那样显示内容。请尝试使用完整url。或者可能将
htaccess.txt
更改为。
htaccess
？您在哪里部署的？url是什么样子的？我猜你的应用程序是从一个子目录提供的，它破坏了客户端的路由不，它不是从一个子目录提供的。我从中服务，这是我测试的领域，并将其设置为package.json文件中的“homepage”。当我单击链接时，地址栏确实会更改为正确的路径。它只是不像在本地那样显示内容。