Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

reza01's avatar

Vuesax as front end and Laravel Nova backend

Hi! I'm trying to use the Vuesax as front end and Laravel nova as backend but after i installed the Laravel nova it can't recognize example.com/nova url and it's straight goes to my 404 page which i setup with vuesax ,

How can i include the Laravel Nova routes into my currency laravel Vuesax route.js ?

i need to set up Like for /nova and all my front end routes handle by my current vuesax route which is as below

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

const router = new Router({
mode: 'history',
base: '/',
routes: [

  {
// =============================================================================
// MAIN LAYOUT ROUTES
// =============================================================================
    path: '',
    component: () => import('./layouts/main/Main.vue'),
    children: [
  // =============================================================================
  // Theme Routes
  // =============================================================================
      {
        path: '/',
        name: 'home',
        component: () => import('./views/Home.vue'),
      },
      {
        path: '/page2',
        name: 'page2',
        component: () => import('./views/Page2.vue'),
      },
        {
            path: '/profile',
            name: 'profile',
            component: () => import('./views/pages/Profile.vue'),
        },
    ],
  },
// =============================================================================
// FULL PAGE LAYOUTS
// =============================================================================
  {
    path: '',
    component: () => import('@/layouts/full-page/FullPage.vue'),
    children: [
  // =============================================================================
  // PAGES
  // =============================================================================
      {
        path: '/pages/login',
        name: 'pageLogin',
        component: () => import('@/views/pages/Login.vue')
      },
      {
        path: '/pages/error-404',
        name: 'pageError404',
        component: () => import('@/views/pages/Error404.vue')
      },
        
    ]
  },
  // Redirect to 404 page, if no match found
  {
    path: '*',
    redirect: '/pages/error-404'
  }
],
})

export default router
0 likes
0 replies

Please or to participate in this conversation.