Dev
En vedette - Lecture de 2 min

Fix SSL/TLS pour Laravel Vite hot reload

Voici une solution pour corriger le manque de certificat SSL/TLS quand vous développer en local avec Vite et le hot reload.
-

0 commentaire(s)

Voici une solution pour corriger le manque de certificat SSL/TLS quand vous développer en local avec Vite et le hot reload.

  • Ajouter le path du certificat dans la config server.host

  • La config server.host doit toujours rester vite.local.t5y.ca

Exemple de config vite.config.js pour x86_64 (CPU Intel):

 1import { defineConfig } from 'vite';
 2import laravel from 'laravel-vite-plugin';
 3import fs from 'fs';
 4 
 5export default defineConfig({
 6    server: {
 7        https: {
 8            key: fs.readFileSync('/usr/local/etc/nginx/cert-privkey.pem'),
 9            cert: fs.readFileSync('/usr/local/etc/nginx/cert-fullchain.pem'),
10        },
11        host: 'vite.local.t5y.ca'
12    },
13    plugins: [
14        laravel({
15            input: ['resources/css/app.css', 'resources/js/app.js'],
16            refresh: true,
17        }),
18    ],
19});

Exemple de config vite.config.js pour AARM64 (CPU M1/M2):

 1import { defineConfig } from 'vite';
 2import laravel from 'laravel-vite-plugin';
 3import fs from 'fs';
 4 
 5export default defineConfig({
 6    server: {
 7        https: {
 8            key: fs.readFileSync('/opt/homebrew/etc/nginx/cert-privkey.pem'),
 9            cert: fs.readFileSync('/opt/homebrew/etc/nginx/cert-fullchain.pem'),
10        },
11        host: 'vite.local.t5y.ca'
12    },
13    plugins: [
14        laravel({
15            input: ['resources/css/app.css', 'resources/js/app.js'],
16            refresh: true,
17        }),
18    ],
19});

Notez que les lignes 8 et 9 doivent être modifier pour refléter l'emplacement de vos certificats local.

Partagez

Facebook Linkedin Twitter Courriel

Commentaires (0)



Annuler

Soyez le premier à laisser votre avis!