Почему выдает 404 при роутинге Vue + laravel?

Question

[SM_ST]

есть роутер в laravel

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

Роутер во 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',
  },

при таком адресе http://site.test:8000/ad/faq при обновлении страницы все ок, но при таком http://site.test:8000/ad/faq/create выдает 404

Comments

[SM_ST]

Mellorn,

const routes = [
  {
    path: '',
    component: () => import('../Pages/Dashboard.vue'),
    name: '/dashboard',
  },
  {
    path: '/requests',
    component: () => import('../Pages/Requests.vue'),
    name: 'requests',
  },
  {
    path: '/pages',
    component: () => import('../Pages/Pages.vue'),
    name: 'pages',
  },
  {
    path: '/pages/create',
    component: () => import('../Pages/Forms/Page/Create.vue'),
    name: 'pages-create',
  },
  {
    path: '/pages/edit',
    component: () => import('../Pages/Forms/Page/Create.vue'),
    name: 'pages-edit',
  },
  {
    path: '/faq',
    component: () => import('../Pages/Faq.vue'),
    name: 'faq',
  },
  {
    path: '/faq/create',
    component: () => import('../Pages/Forms/Faq/Create.vue'),
    name: 'faq-create',
  },
  {
    path: '/faq/edit',
    component: () => import('../Pages/Forms/Faq/Create.vue'),
    name: 'faq-edit',
  },
  {
    path: '/news',
    component: () => import('../Pages/News.vue'),
    name: 'news',
  },
  {
    path: '/news/create',
    component: () => import('../Pages/Forms/News/Create.vue'),
    name: 'news-create',
  },
  {
    path: '/news/edit',
    component: () => import('../Pages/Forms/News/Create.vue'),
    name: 'news-edit',
  },
  {
    path: '/users',
    component: () => import('../Pages/Users.vue'),
    name: 'users',
  },
  {
    path: '/categories',
    component: () => import('../Pages/Categories.vue'),
    name: 'categories',
  },
  {
    path: '/categories/create',
    component: () => import('../Pages/Forms/Categories/Create.vue'),
    name: 'categories-create',
  },
  {
    path: '/categories/:id/edit',
    component: () => import('../Pages/Forms/Categories/Create.vue'),
    name: 'categories-edit',
  },
  {
    path: '/form',
    component: () => import('../Pages/Form.vue'),
    name: 'form',
  },
  {
    path: '/form/create',
    component: () => import('../Pages/Forms/Form/Create.vue'),
    name: 'form-create',
  },
  {
    path: '/form/edit',
    component: () => import('../Pages/Forms/Form/Create.vue'),
    name: 'form-edit',
  },
  {
    path: '/login',
    component: () => import('../Pages/Login.vue'),
    name: '/login',
  },
  {
    path: '/404',
    component: () => import('../Pages/Errors/NotFound.vue'),
    name: '404',
  },
  {
    path: '*',
    redirect: {name: '404'}
  },
]

export default routes;

import VueRouter from 'vue-router';
import routes from './routes';

const router = new VueRouter({
  mode: 'history',
  base: '/ad',
  routes,
  linkActiveClass: 'active',
  linkExactActiveClass: 'active-exact'
});

export default router;

Answer 1

[Владимир Кудря]

Попробуй так

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

Comments

[SM_ST]

Да, спасибо, все ок

[JhaoDa]

SM_ST, тебе документацию читать запрещает религия или что?