使用带有基本名称的推送时的双基本路径

Question

我遇到了一个问题，我一直试图弄清楚我是否只是做错了什么，或者它是否是一个实际的错误。经过大量搜索，我仍然无法弄清楚我做错了什么还是发现了实际问题。

我如此困惑的部分原因也是因为我发现 react-router 和历史之间的交集有点令人困惑。我花了一段时间才弄清楚如何将历史的增强器功能与 react-router 一起使用，我仍然认为问题可能出在那儿。

我这里有一个测试用例：

• https://github.com/trodrigues/react-router-basename-test
• http://trodrigues.github.io/react-router-basename-test/

问题是：

• 单击按钮会发出 this.context.router.push 调用以导航到 /content/path
• 我希望它导航到http://trodrigues.github.io/react-router-basename-test/content/path
• 而是导航到http://trodrigues.github.io/react-router-basename-test/react-router-basename-test/content/path

一些额外的细节：

• 如果我使用<base> 标签而不是useBasename 增强器，则效果很好。但是，鉴于我的开发和生产设置略有不同，使用环境变量来定义基本路径会更有帮助，而不是在构建时操作 <base> 标记。
• 我上传的示例应用程序是我正在开发的应用程序的最小子集。我删除了所有无关紧要的内容。
• 在将基本路径设置为空字符串的情况下在本地运行此问题时，不会发生问题。

Answer 1

经过进一步调查，我在使用 useRouterHistory 时发现了 react-router already uses useBasename 增强器，这是导致问题的原因，因为增强器执行了两次。