是否可以在同一应用程序中浏览不同的子域或基本 URL 而无需在 React 中刷新页面？

Posted 2023-03-16

【中文标题】是否可以在同一应用程序中浏览不同的子域或基本 URL 而无需在 React 中刷新页面？

【英文标题】：Is it possible to navigate across different sub-domains or base URLs in same application without refreshing the page in React?

【发布时间】：2021-04-13 06:24:28

【问题描述】：

我使用 react-router 进行导航。我使用了props.history.push(url)，但它只是将提供的网址附加到现有网址中。

示例 - 浏览器的当前 URL - http://my-app1.example.com:3000/about

要执行的操作 - 导航到 http://my-app2.example.com:3000/contactUs 而不刷新页面。

为了解决上述问题，我尝试了以下代码。

let url = 'http://my-app2.example.com:3000/contactUs'
props.history.push(url)

结果- 浏览器 URL 变为http://my-app1.example.com:3000/about/http://my-app2.example.com:3000/contactUs

我尝试使用<Link /> 仍然没有用。

可能的解决方案是使用<a> 标签或使用window.location.href = url，但它会刷新页面。

最后，我的要求是导航到具有不同子域的 url，而无需在 react web-app 中刷新页面。

谁能提出一个可能的解决方案。

【参考方案1】：

如果您指向另一个应用程序 - 您的路由将不起作用，您必须刷新页面 您可以为这两个应用程序创建一个路由包装器应用程序并在其中渲染它们，但没有它 - 它会重新渲染