【发布时间】:2021-12-21 22:50:06
【问题描述】:
我想使用子路径(子目录路径)部署我的 react 应用,但我不想在 react 应用中设置子目录/路径名称,因为这个子目录名称将来可能会更改。
如何在 react 应用级别进行配置,因为它适用于服务器端的任何子目录名称,不会在 react 应用级别进行硬编码,它将作为应用程序 url 的子路径。
【问题讨论】:
标签: javascript reactjs nginx
我想使用子路径(子目录路径)部署我的 react 应用,但我不想在 react 应用中设置子目录/路径名称,因为这个子目录名称将来可能会更改。
如何在 react 应用级别进行配置,因为它适用于服务器端的任何子目录名称,不会在 react 应用级别进行硬编码,它将作为应用程序 url 的子路径。
【问题讨论】:
标签: javascript reactjs nginx
您可以创建一个可重用的 HOC 并在其中处理服务器数据的逻辑,并将其传递给 react-router 中的path 属性。
对于动态路径(slug),使用如下动态路由:
<Route path="/some-path/:slug" component={SomeComponent} />
更多详情请参考React router dynamic routing
【讨论】:
/:slug,把slug换成你的路径