如何分享React应用程序路由的链接？

Question

我在我的客户端应用程序中使用react 17 和

react-router-dom

6。 我希望我的用户能够像这样在彼此之间共享链接

https://example.com/id/8dcbe502-cc71-4199-8dfa-b84377d6b066

。但是当我尝试打开该链接时，我的服务器收到错误。我猜这是因为此时尚未加载反应应用程序，并且该路径在服务器上物理上不存在。该应用程序由 AWS amplify 托管托管。

当单击指向本地主机且本地运行的 React 应用程序的链接时，一切正常并且所需的组件将被渲染。

如何正确处理这种情况并共享反应应用程序路线的链接？

Answer 1

最后，对我来说最简单的解决方案是切换到支持共享链接的React框架。我决定使用 next.js。现在可以工作了。

Answer 2

我知道，现在回答为时已晚，但希望它对将来的人有用。

我遇到了同样的问题，并通过添加

.httaccess

文件并将所有路由重定向到

index.html

来解决它

RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ %{ENV:BASE}/index.html [L]