У меня есть проект, который состоит из двух основных частей: веб-сайта и панели управления для указанного веб-сайта. Сайт состоит из нескольких разных страниц, как и панель управления. Панель управления и веб-сайт имеют собственную панель навигации.
Структура пути должна выглядеть следующим образом:
Путь к сайту будет следующим: url.com/, url.com/loremipsum и т. Д.
Путь к панели управления будет следующим: url.com/admin, url.com/admin/users и т. Д.
Проблемы, с которыми я сталкиваюсь при моей текущей настройке, которая является вложенным реагирующим маршрутизатором, заключается в том, что навигация по веб-сайту будет видна для панели управления, поскольку путь к панели управления также начинается с /. Если я добавлю параметр «точный» в путь к веб-сайтам, это больше не будет проблемой, однако это приведет к тому, что навигация не будет отображаться на подстраницах веб-сайта, таких как пример url.com/loremipsum выше.
Это код для app.js
function App() {
return (
<Router>
<Switch>
<Route exact path="/" component={Main} />
<Route path="/admin" component={Admin} />
</Switch>
</Router>
);
}
Это код для main.js, который является веб-сайтом
function Main() {
return (
<Router>
<div>
<Navigation />
</div>
<Route path="/" component={Home} />
<Route path="/film" component={Film} />
</Router>
);
}