How to use React Router with Laravel?

Question

I needing use React Router with a Laravel project.

But when I create router on the React Router and try access, Laravel accuse Route not exist error.

How to can I use React Router to manager Laravel project routes?

render((     <Router history={browserHistory}>         <Route path="/" component={App}/>         <Route path="/profile" component={Profile}/> // this route I trying access     </Router> ), document.getElementById('root')); 

Answer 1

Create a route that maps everything to one controller, like so:

Route::get('/{path?}', [     'uses' => 'ReactController@show',     'as' => 'react',     'where' => ['path' => '.*'] ]); 

Then in your controller, just show the HTML page that contains the react root document:

class ReactController extends Controller {     public function show () {         return view('react');     } } 

Then do everything as normal with react router. Seems to work well for me.

---

Update for Laravel 5.5 If your controller only returns a view (like in the example above), you can replace all of the above code with this in your routes file:

Route::view('/{path?}', 'path.to.view')      ->where('path', '.*')      ->name('react');