【问题标题】:React router blank page for subroutes on apache为apache上的子路由反应路由器空白页
【发布时间】:2021-08-22 13:57:21
【问题描述】:

我有一个使用 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。

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

【问题讨论】:

  • 这能回答你的问题吗? How to setup apache server for React route?
  • 你好,它没有,我已经关注了这个答案,这就是我设法创建一个 .htaccess 并能够到达主要路线的方式。但是这个主题中的任何答案都不允许我到达我的子路由。
  • 您已经尝试了所有针对该问题提出的解决方案?
  • 我尝试了每一个不同的建议,但无论我有什么完全相同的结果:基本路线工作正常,但子路线不行:/

标签: reactjs apache .htaccess react-router nested-routes


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-02-21
    • 2021-04-23
    • 2020-11-06
    • 2018-08-17
    • 2019-01-07
    • 2019-01-12
    • 2022-06-25
    • 2017-12-08
    相关资源
    最近更新 更多