Sambungkan peranti mudah alih ke vite menggunakan pelayan pembangunan php: mendedahkan hos

Question

Penyelesaian:

Terima kasih kepada @parastoo, ia berfungsi sekarang. Saya perlu memulakan pelayan pembangunan seperti ini (2 tab terminal berbeza):

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

Kemudian sambungkan peranti mudah alih anda (disambungkan ke WiFi anda) ke:

http://HOST_IP:PORT

HOST_IP boleh dilihat di terminal apabila berjalan vite --host

PORT boleh dikonfigurasikan dengan menambah --port=8000 pada arahan artisan.

Tidak perlu menambah sebarang penyertaan dalam vite.config.js.

Soalan asal

Saya menggunakan Inertia, pendekatan holistik untuk membangunkan projek dengan rangka kerja hadapan seperti vue 和 laravel 作为后端）的应用程序。我正在尝试将移动设备从我的网络连接到我的开发服务器，该服务器使用 vite 和 php server:

1. Larian vite:

vite

2. jalankan pelayan php:

php artisan serve

Tapak ini dikuasakan oleh http://localhost:8000. Daripada Bagaimana untuk mendedahkan "hos" untuk paparan oleh peranti luaran? #3396 Saya membaca bahawa anda boleh melakukan sesuatu seperti ini:

vite --host

Ini sepatutnya mendedahkan rangkaian anda:

vite v2.9.13 dev server running at:

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

  ready in 419ms.

Tetapi apabila saya cuba menyambungkan url rangkaian pada telefon saya, ia tidak dijumpai这个页面。我还尝试连接端口 8000，这显示 此站点无法访问.

Adakah ada cara untuk menjadikannya berkesan?

Answer 1

Terminal php anda sedang dijalankan localhost:8000

Dengan cara ini anda boleh menjalankan php artisanserve pada mesin hos.

php artisan serve --host=192.XXXXXXXX

Answer 2

Anda harus menyambung ke rangkaian yang sama dan kemudian menyemak IP setempat anda dan menyampaikan projek Laravel anda melalui:

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

**Anda harus melumpuhkan tembok api anda**

Dikemas kini

Tambah konfigurasi ini pada vite.config.js fail

anda

server: {
        host: true
      }

Sebagai contoh, ini ialah fail konfigurasi saya:

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
          }
    });

Kemudian jalankan arahan ini dan tambahkan hos yang anda layan dengan Laravel:

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

Arahan ini harus dijalankan dengan hos yang sama:

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