时间戳

首页 > 解决方案 > 将反应应用程序路由到错误路径 url 条目上的 error.html 文件

reactjs - 将反应应用程序路由到错误路径 url 条目上的 error.html 文件

问题描述

我在类似于 AWS 的 S3 的静态托管服务上托管一个反应应用程序/登录页面。它的 Ionos 由 1&1 。我想设置 error.html 以便它路由到我的主要组件，或者如果这对 error.html 不可行，它理想地指向我的反应应用程序。

主要目标是在输入错误的路径/网址时不出现空白页。我正在使用反应路由器，它不是同构应用程序。

我不知道托管服务运行在哪种 http 服务器上，我无法更改该服务器的配置，但显然有一种方法可以通过项目文件夹中的专用 html 文件设置 error.html。

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Error 404</title>
</head>
<body>
<h3>Ops, page does not exist</h3>
<p><a href="index.html">To the main page</a></p>
</body>
</html>

如果我这样做，我可以将 href 设置回我的 react 应用程序，但这是一个丑陋的设置。我想到的一个解决方案是在 error.html 中托管 react 应用程序的“克隆”，但这同样糟糕。如果它不是同构的，如何设置一个返回到我的主应用程序的 error.html 文件的任何想法？

标签： reactjsserverreact-routerhosting

解决方案

推荐阅读