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.

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



Commentaires (0)




Soyez le premier à laisser votre avis!