More than 3 years have passed since last update.

【Laravel+React】ページルーティング

Posted at 2020-03-07

困ったこと

今回サービスを開発する上でLaravelでのルーティングをするのかReactでのルーティングをするのか迷い，元から実装していたReactでの実装にした．
その時単純なreact-router-domの記述ではLaravelとの連携ができない

web.phpのルーティング記述を以下のように変更して連携させる．

routes/web.php

Route::get('/{path?}', function(){
  return view('welcome');
} )->where('path','.*');

welcome.blade.phpには従来のReactと同じようにRenderするためのルートIDを設ける．あとapp.jsを読み込む．（こいつがWebpack的にcssとかjsとか集約するっぽい）

resources/views/welcome.blade.php

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