How can I disable laravel routes for ReactJs

Question

I've issue with routes in my application on Laravel as i am using ReactJs routes inside laravel resource directory. Using laravel 5.3 and latest React Js.

resources/assets/js/src/Route.js

const routes = (
    <Route path='/' component={DefaultPageLayout}>
        <IndexRoute component={App} />
        <Route path="register" component={MasterPageLayout}>
            <IndexRoute component={Register} />
        </Route>
    </Route>
)

export default routes;

routes/web.php

Route::get('/', function () {
    return view('welcome');
});

When I'm trying redirect to Register Page, It returns below error

NotFoundHttpException in RouteCollection.php line 161:

in RouteCollection.php line 161
at RouteCollection->match(object(Request)) in Router.php line 755
at Router->findRoute(object(Request)) in Router.php line 610
at Router->dispatchToRoute(object(Request)) in Router.php line 596
at Router->dispatch(object(Request)) in Kernel.php line 268
at Kernel->Illuminate\Foundation\Http{closure}(object(Request)) in Pipeline.php line 53
at Pipeline->Illuminate\Routing{closure}(object(Request)) in CheckForMaintenanceMode.php line 46
at CheckForMaintenanceMode->handle(object(Request), object(Closure)) in Pipeline.php line 137
at Pipeline->Illuminate\Pipeline{closure}(object(Request)) in Pipeline.php line 33
at Pipeline->Illuminate\Routing{closure}(object(Request)) in Pipeline.php line 104
at Pipeline->then(object(Closure)) in Kernel.php line 150
at Kernel->sendRequestThroughRouter(object(Request)) in Kernel.php line 117
at Kernel->handle(object(Request)) in index.php line 54
at require_once('/opt/lampp/htdocs/react_laravel/public/index.php') in server.php line 21

How can I resolve routes issue in Laravel? I want to have routes from react and not Laravel. What changes should i make so that from the beginning the Laravel routes handover each request to React routes

Dhaval Tailored · Accepted Answer · 2016-12-14 08:17:57Z

7

You just need to add below code to

// change your existing app route to this:
// we are basically just giving it an optional parameter of "anything"
Route::get('/{path?}', function($path = null){
        return View::make('app');
    })->where('path', '.*'); 
//regex to match anything (dots, slashes, letters, numbers, etc)

Your routes will be work fine any front-end JavaScript framework inside laravel.

answered Dec 14, 2016 at 8:17

Dhaval Tailored

3962 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I disable laravel routes for ReactJs

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related