我正在尝试实现像 slack 在 react 中所做的功能。大家在登录Slack之前都知道,网址是这样的https://www.slack.com/
,但是一旦您登录它就会更改为 https://www.team.slack.com/
.
所以我的 react 项目有 2 种不同的布局(着陆布局和客户端仪表板)。
我正在寻找的是..
着陆布局应在 https://www.example.com/
上运行
一旦客户端成功登录,域就会更改为 https://www.clientname.example.com/
和管理布局得到渲染。
需要帮助
如何实现此 dynamic subdomain based
渲染 react 组件。
最佳答案
首先,将所有请求重定向到 index.html。之后,您可以使用 window.location.host .只需解析此参数并根据解析的数据呈现您的组件。
const parsedData = window.location.host.split(".");
if(parsedData.length >= 3){
const subDomain = parsedData[0];
ReactDOM.render(<SubDomainApp subDomain={subDomain} />, document.getElementById('root'));
}else{
ReactDOM.render(<MainApp />, document.getElementById('root'));
}
关于reactjs - 创建一个像 slack 一样的子域,例如: https://someteam. slack.com/在 react JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52143565/