except/groups filtering not working Inertia SSR mode #691

rlidev · 2023-11-24T21:24:56Z

rlidev
Nov 24, 2023

Why when I'm in SSR mode doesn't the except take precedence even though I have a group created?

In SSR mode with Laravel + Inertia + Vue.

When entering the admin and updating the page with f5 I get this error:

Error: Ziggy error: route 'admin.users' is not in the route list.

This is my ziggy.php file

<?php

return [
    'except' => ['admin', 'admin.*'],
    'groups' => [
        'admin' => ['*'],
    ],
];

My route in routes/admin.php

Route::get('/admin/users',[AdminUsersController::class, 'index'])->name('admin.users');

I am hiding the admin routes, so this is my app.blade file would only show the admin routes in case the logged in user is admin.

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="theme_funky bg-gray-100 @if(Cookie::get('darkMode')) dark @endif">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="preload" href="https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap" as="style"
        onload="this.onload=null;this.rel='stylesheet'">
    <link rel="icon" href="/storage/assets/favicon.svg" type="image/svg+xml">

    @if(!auth()->guest() && auth()->user()->is_admin)
        @routes(['admin'])
    @else
        @routes
    @endif

    @vite(['resources/js/app.js', "resources/js/Pages/{$page['component']}.vue"])
    @inertiaHead

</head>

<body class="font-sans antialiased @if(Cookie::get('darkMode')) c_darkmode @endif">
    @inertia
</body>

</html>

I have the ssr.js file

import { createInertiaApp } from "@inertiajs/vue3";
import createServer from "@inertiajs/vue3/server";
import { renderToString } from "@vue/server-renderer";
import { createSSRApp, h } from "vue";

import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers";
import { ZiggyVue } from "../../vendor/tightenco/ziggy/dist/vue.m";
//

import mitt from "mitt";
const emitter = mitt();
//

const appName = "Laravel";

createServer((page) =>
    createInertiaApp({
        page,
        render: renderToString,
        title: (title) => `${title} ⇒ ${appName}`,
        resolve: (name) =>
            resolvePageComponent(
                `./Pages/${name}.vue`,
                import.meta.glob("./Pages/**/*.vue")
            ),
        setup({ App, props, plugin }) {
            return (
                createSSRApp({ render: () => h(App, props) })
                    .use(plugin)
                    .use(ZiggyVue, {
                        ...page.props.ziggy,
                        location: new URL(page.props.ziggy.location),
                    })
                    .provide("emitter", emitter)
            );
        },
    })
);

What am I doing wrong?

bakerkretzmar · 2023-11-25T02:47:03Z

bakerkretzmar
Nov 25, 2023
Maintainer

I'm not very familiar with SSR but my guess is that when the page is actually rendered there is no logged in user, so your pages are always rendering just @routes. If you want to use SSR and only load some routes based on the auth state, you might have to load those routes dynamically or put the route('admin.users') call inside something that SSR can't see so it's only evaluated in the browser at runtime.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

except/groups filtering not working Inertia SSR mode #691

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

except/groups filtering not working Inertia SSR mode #691

Uh oh!

rlidev Nov 24, 2023

Replies: 1 comment

Uh oh!

bakerkretzmar Nov 25, 2023 Maintainer

rlidev
Nov 24, 2023

bakerkretzmar
Nov 25, 2023
Maintainer