Why is it giving 404 when routing Vue + laravel?

Question

Laravel

there is a router in laravel

Route::get('/{any?}', function () {
    return view('admin.index');
});

router in vue

{
    path: '/faq',
    component: () => import('../Pages/Faq.vue'),
    name: '/admin/faq',
  },
  {
    path: '/admin/faq/create',
    component: () => import('../Pages/Forms/Faq/Create.vue'),
    name: 'faq-create',
  },
  {
    path: '/admin/faq/edit',
    component: () => import('../Pages/Forms/Faq/Create.vue'),
    name: 'faq-edit',
  },

at this address http://site.test:8000/ad/faq, when refreshing the page, everything is OK, but with this it http://site.test:8000/ad/faq/creategives 404

Answer 1

Try this

Route::get('/{any?}', function () {
    return view('admin.index');
})->where('any',  '.*');