无法在 yarn build React 应用程序中访问子路径和主页

Question

我正在尝试将 React 应用程序部署到 public 站点，并且在 localhost 上一切正常。当我打开网站并转到 url（即 www.something.com）时，主页呈现良好，包括静态资产。

然后，当我创建一个 .htaccess 文件时包含：

FallbackResource /

所有子路径都呈现良好（静态资产包括 js、css、图像），但主页错误 502 Bad Gateway。

但是，当我转到子路径（即www.something.com/about）时，它会出现 404s。

• 我使用 yarn build
构建
• 我正在使用 "react-router-dom": "^5.1.2"
• 我使用 create-react-app
设置应用程序
• package.json 包含 "homepage": "."

我做错了什么？

Answer 1

这个问题最终由 .htaccess rewrite to redirect root URL to subdirectory

回答

我按照示例重定向到主页，并保留了我的 FallbackResource 定义。

RewriteEngine On
RewriteRule ^$ /index.html [L]
FallbackResource /index.html

我注意到你也可以在这里使用任何其他定义的路由（即 /contact）