Есть такой вопрос: разработываю frontend на React, все работает хорошо, как на dev сервере, так и на продакшен.
Для навигации между страницами используется Route
<Switch>
<AppliedRoute path="/" exact component={Home} props={childProps} />
<AppliedRoute path="/midi-editor" exact component={MidiEditor} props={childProps} />
<AppliedRoute path="/faq" exact component={Faq} props={childProps} />
<AppliedRoute path="/user-manual" exact component={UserManual} props={childProps} />
<Route component={ NotFound } />
;
AppliedRoute выглядит так:
export default ({ component: C, props: cProps, ...rest }) =>
<Route {...rest} render={props => <C {...props} {...cProps} />} />;
Теперь сам вопрос: выяснилось что интерфейс должен работать не только на сервере, но и просто в обычной дирректории, т.е. открываем index.html и там он должен работать, включая должен работать роутинг. Можно ли как-то ройтин переделать для такого случая или как-то из компонентов сделать статичные страницы?
Думаю что вы сейчас используете апи BrowserRouter (ссылка)
Для того чтобы у вас все работало, надо использовать апи HashRouter (ссылка)
С помощью него вы сможете открывать ваш сайт как статику. Но все пути будут через # в url
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости