Как правильно использовать маршрутизатор в Laravel для встраивания RectJs?

Question

У меня есть приложение, которое требует использования responsejs, но оно должно быть выполнено в URL, отличном от home, например site.com/app-react ну вот мой корень див У меня есть разные компоненты, и в одном из них я создаю ссылку как то так

<Link to = "test"> click </ Link>

URL-адрес, сгенерированный следующим образом site.com/app-react/test У меня определен роутер <Route path = '/test' exact component = {TestComponent} />, но при переходе по этому URL компонент никогда не вступает в действие.

Как правильно сделать это в этой ситуации?

<BrowserRouter>
<Switch>            
<Route path="" component={HomeComponent} />
<Route path='/test' exact component={TestComponent} />
<Route component={NotFound} />
            </Switch>
</BrowserRouter>

Answer 1

Вы должны сделать это ,

<BrowserRouter basename="/app-react"> //see the basename
  <Switch>            
    <Route path="" component={HomeComponent} />
    <Route path='/test' exact component={TestComponent} />
    <Route component={NotFound} />
  </Switch>
</BrowserRouter>

И ваш Link должен быть,

<Link to="/test"> click </ Link> // renders <a href="/app-react/test">

Answer 2

Пути абсолютны (от корня)

Попробуйте

path={'app-react/test'}

Вы можете также вывести приложение-реакцию в константу.