Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
I can't seem to get this working. I want to use Laravel as an API back-end and let vue-router handle the routing. Can someone share an example of vue-router replacing the Laravel's router role?
Right now, I'm using this sort of hack, where I return the blade file where I load vuejs:
if($e instanceof NotFoundHttpException) {
return view('index');
}
I also have a middleware that returns the same view if the request is not been made by AJAX.
@JohnRivs in my routes.php file you can use something like this:
....
Route::group( [ 'prefix' => 'admin' ], function () {
Route::group(['middleware' => ['adminAuth', ]], function(){
Route::any( '/{any?}/{any2?}', 'Admin\DashboardController@index' );
});
});
...
Line Route::any( '/{any?}/{any2?}', 'Admin\DashboardController@index' ); is the key
@JohnRivs Not sure how much this will help you, but @mattstauffer released an open source project within the last few days that may give you a good starting point.
Which version of Vue and Vuerouter are you using.. Sorry can't help with your problem. But ive read that Vuerouter only works with Vue 0.12+.
I haven't even started trying it, waiting for a V1.0.0
The most straight forward way is to create a catch all route and point it to a view.
Route::get('/{catchall?}', function () {
return response()->view('index');
})->where('catchall', '(.*)');
You need this (or manually add all your "vue" routes) because at some point someone might refresh their page and laravel would not know what to do with it. Also make sure your API and other "laravel" routes are loaded first.
@colourmill @cipsas Hey, could you guys confirm if Vue^1.0.0 works with vue-router^0.7.0?
@notanerddev in my project I use Vue 1.0.10 and Vue-router 0.7.7 and it works perfect
Please or to participate in this conversation.