时间戳

首页 > 解决方案 > React Router 在 Apache 上的子目录中部署时不起作用

reactjs - React Router 在 Apache 上的子目录中部署时不起作用

问题描述

我在将我的反应应用程序部署到 appache 上的子目录时遇到了很大的问题。我正在使用 create-react-app 和 React 路由器 v4。当我访问网址 www.example.com/myApp 时。当我的主页正确呈现时，我正在呈现的 html。

但是，如果我尝试通过在地址栏中手动输入路线来访问注册页面，我会收到 404 Not found 错误。

我做了什么。

  1. 我已将 BrowserRouter 的基本名称设置为子目录。
  2. 我还在 package.json 中设置了主页属性。
  3. 我已经创建了 .htaccess 文件。

请我已经在这几天试图弄清楚我做错了什么，但我似乎无法弄清楚。

标签： reactjsapachereact-reduxreact-routersubdirectory

解决方案

Apache 尝试为请求的路由查找资源。您需要将所有请求重定向到您的索引，以便可以加载反应包并且反应路由器可以做它的事情

这已经解决了几次，所以我会参考其他有用的答案

通过添加以下 Rewrite* 行来更改 VirtualHost 配置（通常在 /etc/httpd/conf.d\vhosts.conf 中找到）：

<VirtualHost *:8080>
  ServerName example.com
  DocumentRoot /var/www/httpd/example.com

  <Directory "/var/www/httpd/example.com">
    ...

    RewriteEngine on
    # Don't rewrite files or directories
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]
    # Rewrite everything else to index.html to allow html5 state links
    RewriteRule ^ index.html [L]
  </Directory>
</VirtualHost>

资源

推荐阅读