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

urmik's avatar
Level 1

Facing issue with vapor-ui customization

  • Vapor UI Version: v1.5.1
  • Laravel Version: 8.80.0
  • PHP Version: ^8.0

We are integrating vapor-ui in our system. so I need to do some customization in the layout and route.

Layout Customization:

I used vapor-UI authentication based on the nova session so I need to add a link into vapor-ui navigation for directly navigating to nova admin and another link add for the logout nova user without going to nova admin.

So I exported the vapor-ui layout in my resources vendor folder from the vapor-ui package and added nova admin and logout links to navigation. but now it's properly and does not convert any router link to the anchor tag. and also not getting any vapor-ui vuejs component result you can see in the attached images.

Screenshot 1

Screenshot at Feb 01 20-35-28

Route Customization:

Also, I made some changes in the vapor-ui route. I have moved the web.php file from the "vendor/laravel/vapor-ui/routes/web.php" to the "public/vendor/vapor-ui/routes/web.php" and removed "name('vapor-ui')" from the below code.

    ->group(function () {
        Route::get('/api/logs/{group}', [LogController::class, 'index']);
        Route::get('/api/logs/{group}/{id}', [LogController::class, 'show']);

        Route::get('/api/jobs/metrics', [JobMetricController::class, 'index']);

        Route::get('/api/jobs/{group}', [JobController::class, 'index']);
        Route::get('/api/jobs/{group}/{id}', [JobController::class, 'show']);

        Route::post('/api/jobs/failed/retry/{id}', [JobController::class, 'retry']);
        Route::post('/api/jobs/failed/forget/{id}', [JobController::class, 'forget']);

        Route::get('/{view?}', HomeController::class)->where('view', '(.*)')->name('vapor-ui');
    }); 

Because I have changed vapor-ui config and I have changed the path with the "/" but it does not reflect it always reflects with default "vapor-ui" and all the navigation links created with "vapor-ui" so I need to Replace "vapor-ui" with "/" so that I have made this changes.

But after the made this change vapor-ui getting the error you can see in the attached Image.

Screenshot at Feb 03 11-46-18

0 likes
0 replies

Please or to participate in this conversation.