Маршрутизация Laravel + React с реакцией-роутера-dom

Question

Я пытаюсь создать реактивную маршрутизацию на моем приложении laravel.Но это не работает.Я безуспешно следовал нескольким учебникам.

Сначала я добавил этот маршрут к route.php:

Route::get('/', function () {
return view('index', []); });

Затем в index.blade.php:

    <div id="app"></div>
    <script src="{{asset('js/app.js')}}" ></script>

Затем в моем app.js я добавляю маршруты:

  <BrowserRouter>
    <Switch>
     <Route path="currency" component={Currency}/>
     <Route path="/" component={Index}/>

    </Switch>  </BrowserRouter>

Когда я достигаю http://localhost/project/public,, компонент индекса в порядке, но когда я пытаюсь присоединитьсяhttp://localhost/project/currency, это не работает.Я пытаюсь удалить маршрут компонента индекса, но он одинаков для валюты.

У вас есть идея?

Спасибо большое

Answer 1

Является ли «проект» базовой папкой для приложения?

Добавление параметра baseName в BrowserRouter

    <BrowserRouter basename='/project'>

Вам также необходимо обновить файл маршрута laravel, чтобы всегда переходить на индексный маршрут приложения, если он соответствует шаблону ... / project / ... Таким образом, / project и / project / currency должны быть перенаправлены laravel в index, который является приложением, и приложение обрабатывает логику маршрутизации с этого момента. Пришлось сделать то же самое с моим проектом CakePHP.