【问题标题】:How to configure dynamic subpath for react app如何为反应应用程序配置动态子路径
【发布时间】:2021-12-21 22:50:06
【问题描述】:

我想使用子路径(子目录路径)部署我的 react 应用,但我不想在 react 应用中设置子目录/路径名称,因为这个子目录名称将来可能会更改。

如何在 react 应用级别进行配置,因为它适用于服务器端的任何子目录名称,不会在 react 应用级别进行硬编码,它将作为应用程序 url 的子路径。

例如。 https://www.dummyname.com/anysubpath

【问题讨论】:

    标签: javascript reactjs nginx


    【解决方案1】:

    您可以创建一个可重用的 HOC 并在其中处理服务器数据的逻辑,并将其传递给 react-router 中的path 属性。

    对于动态路径(slug),使用如下动态路由:

    <Route path="/some-path/:slug" component={SomeComponent} />
    

    更多详情请参考React router dynamic routing

    【讨论】:

    • 但我不想在应用程序中添加任何硬编码的路径。
    • 比如主要是/:slug,把slug换成你的路径
    • 在我的情况下,some-path 将是动态的,我无法进行硬编码。
    • ok 没问题,用 slug 就行了
    • slug 将不起作用,因为它允许在用户在浏览器中打开应用程序时为 slug 设置不同的名称。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-23
    • 2021-04-29
    • 2023-03-14
    • 1970-01-01
    • 2011-08-05
    • 1970-01-01
    相关资源
    最近更新 更多