App returns 部署到生产服务器时为 404

Question

我的 React 应用程序在本地运行良好，但是当我将它部署到开发服务器时，我无法点击刷新栏。如果我这样做，它会立即抛出 404 未找到错误。我无法使用地址栏手动导航。

我试过修改服务器中的.htaccess文件。仍然没有运气。我试着修补路由器，添加 browserhistory 之类的东西，但仍然没有成功。我知道这与 client side routing 有关。这是我目前使用的 .htaccess 文件

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

这是我在 App.js

中使用的通用代码

import React from "react";
import { Switch, Route,Link } from "react-router-dom";
import Backup from "./forms/backup_request/backupRequest";
import Restoration from "./forms/restoration_request/RestorationRequest";
import AssetRequest from "./forms/new_asset_request/AssetRequest";

class App extends React.Component {
render() {
return (
<div>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/backup_request" component={Backup} />
<Route path="/restoration_request" component={Restoration}/>
<Route path="/new_asset_request" component={AssetRequest} />
</div>
</Switch>
)
}
}

这是显示的错误信息

Not Found The requested URL /id_request was not found on this server.

Answer 1

已修复。这是一个服务器端错误。需要在 apache 服务器上进行配置以接受 .htaccess 文件。

App returns 部署到生产服务器时为 404

App returns 404 when deployed to production server

apache

routing

reactjs

react-router

server