Using @vitejs/plugin-basic-ssl with InertiaJS

[jqr91]

It's possible to use vite SSL with InertiaJS? I need to develop my application for integrate with many sandbox payments and require a https.

This is my configuration:

const host = '127.0.0.1';
const port = '8000';
export default defineConfig({
    plugins: [
        react(),
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
        basicSsl()
    ],
    resolve: {
        alias: {
            'ziggy-js': path.resolve('vendor/tightenco/ziggy'),
            "@": "/resources/js/Pages/src",
            "@layout": "/resources/js/Pages/layout"
        },
    },
    server: {
        // 005 enabling the HTTPS
        https: true,
        // 006 setting the proxy with Laravel as target (origin)
        proxy: {
            '^(?!(\/\@vite|\/resources|\/node_modules))': {
                target: `http://${host}:${port}`,
            }
        },
        host,
        port: 5173,
        // 007 be sure that you have the Hot Module Replacement
        hmr: { host },
    }
});

But in localhost pointing to https://localhost:5173 i have this error in console

Any solutions?
Thanks

[RobertBoes]

Seems you're using Laravel, this functionality is built-in: https://laravel.com/docs/12.x/vite#working-with-a-secure-development-server

[jqr91]

@RobertBoes i dont use Laravel heard or laravel valet, but i'm using directly artisan cli with "php artisan serve". Now for this reason i have installed @vitejs/plugin-basic-ssl plugin. Where am I going wrong? Maybe inertia is not compatible with this system?

[RobertBoes]

@jqr91 Think you'll need to remove the entire server part, as I'd assume basicSsl would take care of setting that up. As is also mentioned in the Laravel docs, if you use that plugin, you'd first need to visit the URL from the Vite dev server, to accept the certificate in your browser.