How to use vue router instead of laravel routing just for certain urls

I am doing the somewhat same with react and it works great. This is my route specification. All calls to /admin are passed to a single method that just passes the data to react.

Route::get('/admin/{path?}', 'AdminController@index')
    ->where('path', '.*')
    ->middleware('auth', 'ip')
    ->name('admin');

Hmm that doesn't seem to be working quite right for me. I can get to the admin dashboard main page which is dashboard.test/admin just fine but when I click one of the links in there it changes the URL to dashboard.test/users (for example) and when you hit refresh it 404s again

Try pointing at the link and see what it says in the lower left corner. is it the proper url? Also remember to not just copy my middleware. I dont assume you have an 'ip' middleware :)

Yeah the address shows fine in the bottom left, and I'm using my own middleware

you are looking for Vue SPA system? and you describe wrong : laravel handles the backend , vue is a frontend framework check vue-router and , in your laravel web routes

Route::any('/{any}', function () {
    return view('welcome');
})->where(['any' => '.*']);

now , if you set vue-router right , it will work.

@maverickchan I believe that is the same as my example except it just returns a view instead of going through a controller which then return a view :)

I don't think I did describe it wrong. What I mean is I want Laravel routing to handle just the front end customer-facing pages and I wanted Vue router to just handle the back admin page that the users see. That solution you posted just seems to make Vue router handle all the routing by the looks

@mattb Can you post your route + controller code? And the url it points to as well.

@sinnbeck if you are using Vue SPA, there is no need to return another laravel view . Vue-router could handle mutilple vue view pages. laravel can provide data as json format , so vue can CRUD them through axios.

in his case , if he is using history mode , laravel could conflict to vue routers.

@mattb then you need to divide your system into 2.

if you don't want to do it , then slightly change my code , allow some controller get through.

or , you can do let all normal visit pass through api routes and vue only. the admin part through the web routes. or do the opposite.

@maverickchan Yes exactly. My AdminController::index just returns view('admin') :) I just dont use closures in web.php as that cannot be cached by laravel.

I found the issue. In my URLs I was appending /pagehere at the end of dashboard.test/. Fixed by appending /admin/pagehere instead. Is this the 'correct' solution or is there supposed to be a more elegant way?

I personally create my routes in react this way (execpt I dont use the domain). I have a function that creates them, that return something like this (a bit more elegant but I hope you get the idea)

return '/admin/' + page;