@GaserV

Почему не матчится nested route?

Такая проблема. Есть два роута например: "/movies" & "/movies/:id". Если переходить ко второму роуту с первого(с помощью Link) то все работает норм. Но если вбить УРЛ напрямую, например /movies/1 - то у меня в консоли ошибка что not found. Также касается если роут например "/movies/search" то /movies открывается а /movies/search нет. Из-за чего так получается?

Routes:
const routes = [
  {
    path: "/",
    component: () => <Link to="/movies/1">View card</Link>, //для примера тут хардкод
    exact: true
  },
  {
    path:"/movies",
    component: MoviesList,
    exact: true
  },
  {
    path: "/movies/:id",
    component: MovieView,
    exact: true
  }
];


Рендер роутов:
class PageWrap extends React.Component {
  renderRoutes = () =>
    routes.map(route => <Route key={route} {...route} exact />);

  render() {
    return (
      <Router>
        <Switch>{this.renderRoutes()}</Switch>
      </Router>
    );
  }
}
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
@GaserV Автор вопроса
Вообщем решил вопрос. В output нужно было добавить publicPath: "/".
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
miraage
@miraage
Lead Software Engineer
https://webpack.js.org/configuration/dev-server/#d...

Добавьте в конфиг
devServer: {
    historyApiFallback: true
  }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Ultimate Guitar Калининград
от 1 000 до 5 000 usd.
Spar-online Нижний Новгород
от 150 000 до 170 000 руб.
Enapter Санкт-Петербург
от 160 001 руб.
18 янв. 2019, в 21:37
1500 руб./за проект
18 янв. 2019, в 19:30
150000 руб./за проект
18 янв. 2019, в 18:43
1000 руб./в час