无法在纱线构建 React 应用程序中访问子路由和主页

Question

我正在尝试将 React 应用程序部署到公共站点，并且在 localhost 上一切正常。当我建立网站并转到网址（即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）