应用部署到生产服务器时返回 404

Question

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

我尝试修改服务器中的.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 文件。