Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
I'm trying to run laravel web app and vuejs spa in the same laravel project.
How my web.php route config should be?
Route::get('/', function () {
return view('pages.landing.main');
})->name('home');
Route::get('/login', function () {
return view('pages.login');
})->name('login');
Route::get('/product', function () {
return view('pages.product.detail');
});
Route::get('/admin/{any}', function () {
return view('layouts.app');
})->where('any', '.*');
This is what I'm trying to.
Currently I'm building another project with only laravel api + vuejs this code works.
Route::get('{any}', function () {
return view('layouts.app');
})->where('any', '.*');
If you let laravel handle the routing it isn't a spa (unless you use inertia). Do you plan to use laravel for routing or the vue router?
If you want laravel routing, use inertia
If you want vue routing use
Route::get('{any}', function () {
return view('layouts.app');
})->where('any', '.*');
@Sinnbeck I want to use vue-router on specific route configured in web.php like '/admin'
In fact i will use both.
I just want to run my vue app on a specific route. Other routes will be handle by laravel-router.
@serhat ah ok. Try this then
Route::get('/admin/{any?}', function () {
return view('layouts.app');
})->where('any', '.*');
@Sinnbeck Thank you for your help! It worked but vue-router still not working properly.
I have to define routes in vue-router like "/admin/{some-route}" to make it work. And use router like this "$router.push('/admin/{route}") for every route. its ok, i can use it like that.
@serhat yeah that makes sense. Both check the docs. There might be a base path setting (I don't use it myself). Most routers I've worked with has it
@Sinnbeck yes, router has base-path option, I used it. Thank you.
Please or to participate in this conversation.