Connectez un appareil mobile à vite à l'aide du serveur de développement php : exposition de l'hôte

Question

Solution :

Grâce à @parastoo, ça marche maintenant. Je dois démarrer le serveur de développement comme ceci (2 onglets de terminal différents) :

vite --host=HOST_IP
php artisan serve --host=HOST_IP

Connectez ensuite votre appareil mobile (connecté à votre WiFi) à :

http://HOST_IP:PORT

HOST_IP peut être vu dans le terminal lors de l'exécution vite --host

PORT peut être configuré en ajoutant --port=8000 à la commande artisan.

Pas besoin d'ajouter des entrées dans vite.config.js.

Question originale

J'utilise Inertia, une approche holistique du développement de projets avec des frameworks front-end comme vue 和 laravel 作为后端）的应用程序。我正在尝试将移动设备从我的网络连接到我的开发服务器，该服务器使用 vite 和 php server :

1. Exécuter vite :

vite

2. exécuter le serveur php :

php artisan serve

Ce site est propulsé par http://localhost:8000. De Comment exposer « l'hôte » pour l'affichage par des périphériques externes ? #3396 J'ai lu que tu pouvais faire quelque chose comme ça :

vite --host

Cela devrait exposer votre réseau :

vite v2.9.13 dev server running at:

  > Local:    http://localhost:3000/
  > Network:  http://192.xxxxxxxxx:3000/

  ready in 419ms.

Mais lorsque j'essaie de connecter l'URL du réseau sur mon téléphone, elle n'est pas trouvée这个页面。我还尝试连接端口 8000，这显示 此站点无法访问.

Y a-t-il un moyen de le faire fonctionner ?

Answer 1

Votre terminal php fonctionne sur localhost:8000

De cette façon, vous pouvez exécuter php artisansserve sur la machine hôte.

php artisan serve --host=192.XXXXXXXX

Answer 2

Vous devez vous connecter au même réseau, puis vérifier votre adresse IP locale et servir votre projet Laravel via :

PHP artisan serve --host=xx.xx.xx.xx --port=xxxx

**Vous devez désactiver votre pare-feu**

Mise à jour

Ajoutez cette configuration à votre vite.config.jsfichier

server: {
        host: true
      }

Par exemple, voici mon fichier de configuration :

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';

    export default defineConfig({
        plugins: [
            vue(),
            laravel({
                input: ['resources/js/app.js'],
                refresh: true,
            }),
        ],
        server: {
            host: true
          }
    });

Ensuite, exécutez cette commande et ajoutez les hôtes que vous servez avec Laravel :

npm run dev -- --host=xx.xx.xx.xx

Ces commandes doivent être exécutées avec le même hôte :

PHP artisan serve --host=xx.xx.xx.xx --port=xxxx
npm run dev -- --host=xx.xx.xx.xx