为apache上的子路由反应路由器空白页

Question

我有一个使用 create-react-app 创建的应用程序，我想将其部署在我的 apache 服务器中。

当我尝试访问在我的服务器上运行的 React 应用程序时，我在使用 react-router 创建的每条路由上都有一个错误 404。然后我在我的应用程序目录中添加了一个 .htaccess 文件，规则如下：

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

现在我可以访问简单的路由，例如 http://mywebsite/myroute。

但是当我尝试访问像 http://mywebsite/myroute/subroute 这样的嵌套路由时

我有一个带有以下错误的空白页面：

Uncaught SyntaxError: expected expression, got '<'

和

The stylesheet https://mysite/test/static/css/main.85d72dcf.chunk.css was not loaded because its MIME type, "text / html", is not "text / css"

只有当我尝试到达子路由时才会发生这种情况，即使路由只是没有任何 css 的 html。

我在网上找不到任何线索，因此非常感谢您的帮助。

Answer 1

我刚刚通过添加我的 index.html 文档解决了这个问题。由于某些原因，使用子路由时似乎需要它。