Deux sous-domaines différents dans un routage Next.js
Je veux construire une nouvelle plate-forme en utilisant Next.js ( React.js et React-router ). Il y aura deux espaces. Un frontal pour les utilisateurs et un pour le propriétaire pour leur permettre de gérer tous les utilisateurs. Je veux diviser les deux zones en deux sous-domaines, comme ceci:
front.domain.com panel.domain.com
React-router ne prend pas en charge le routage de sous-domaine, j'ai donc essayé de trouver une autre approche. J'ai trouvé quelque chose comme ça, mais je ne suis pas sûr que ce soit ce que je veux. S'il vous plaît des conseils.
<BrowserRouter>
<Route path="/" render={props => {
const [subdomain] = window.location.hostname.split('.');
if (subdomain === 'panel') return <PanelLayout {...props}/>;
return <FrontLayout {...props}/>;
}}/>
</BrowserRouter>
Si vous hébergez sur maintenant, vous pouvez utiliser leurs domaines génériques et demander à votre code de réaction côté client de monter l'arborescence des composants correspondant au sous-domaine en conséquence.