如何使用 react-router-dom 获取当前 URL 的来源？

Posted 2023-02-21

【中文标题】如何使用 react-router-dom 获取当前 URL 的来源？

【英文标题】：How to get the origin of current URL using react-router-dom?

【发布时间】：2018-07-19 23:15:14

【问题描述】：

我在带有服务器端渲染的 react 应用程序中使用 react-router-dom，我正在寻找一种方法来获取类似于 document.location.origin 的内容，但除了路径名之外我找不到任何东西。有什么方法可以使用 react-router-dom 获取来源？还是其他方式？

【问题讨论】：

***.com/q/42253277/5832644的可能重复

@TuấnTrầnDuy 不一样，我不是在找路径名

【参考方案1】：

对于客户端

已测试以下代码是否有效：

let url = `$window.location.origin.toString()/path/another.html`;

服务器端

根据你使用的服务器，你可以从请求中获取路径信息，然后将其传递给 React，例如，如果你使用的是 Express.js，你可以通过以下方式获取原始 url：

let url = req.originalUrl;

【讨论】：

根据您使用的服务器，您可以从请求中获取这些路径信息，然后将它们传递给 React，例如，如果您使用的是 Express.js，您可以通过以下方式获取原始 url： req.originalUrl