Как подключить телефон к Vite серверу?

Question

[Сергей delphinpro]

Тостеру: Отсутствует тег Vite =(

Имеется локальный сайт на Laravel. Открывается на локальном домене mysite.local. В .env прописано
APP_URL=http://mysite.local
Сборка фронта производится штатным Vite.

Конфиг Vite

import laravel from 'laravel-vite-plugin';
import path from 'path';
import { defineConfig } from 'vite';

export default defineConfig({
    resolve: {
        alias: {
            '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
        }
    },
    plugins: [
        laravel({
            input  : [
                'resources/sass/app.scss',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
    ],
});

На компе все работает, запускается, горячая автозамена и т.д.
Пытаюсь открыть сайт с мобильника. Для этого добавил опцию --host в команду запуска
vite dev --host
Однако вижу только заглушку вместо главной страницы сайта

скриншот с мобильника

Гугл не понимает, чего я от него хочу, поэтому обращаюсь к живым людям:

Как открыть локальный сайт с телефона при использовании Vite?

UPD
Читаю здесь https://github.com/vitejs/vite/discussions/3396 и не понимаю, почему у людей работает, а у меня нет...

Comments

[Владислав Лысков]

vite dev --host

ради интереса заменить на
vite dev --host 0.0.0.0 или это идентично?
докеры\что-то ещё используешь?

[Сергей delphinpro]

Владислав Лысков, Забыл добавить. Мне приходиться указывать IP компа
--host 192.168.0.100
Иначе перестают работать ссылки на css на компьютере. С нулями ссылки на компе тоже не работают, на мобиле та же заглушка.

[Сергей delphinpro]

Владислав Лысков, докеры не используются. Простой локальный WAMP сервер (OpenServer)

[Владислав Лысков]

Сергей delphinpro,

--host 192.168.0.100
Иначе перестают работать ссылки на css на компьютере. С нулями ссылки на компе тоже не работают, на мобиле та же заглушка.

вот лучше остановиться на этом месте, всё должно работать по дефолу и без --host

и откуда это? APP_URL=mysite.local
почему тут не localhost ?

[Сергей delphinpro]

Владислав Лысков, в hosts добавлена запись
127.0.0.1 mysite.local
и по этому адресу открывается сайт в обычном режиме

[Владислав Лысков]

Сергей delphinpro, а с телефона как открываешь?

[Сергей delphinpro]

Владислав Лысков, http://192.168.0.100:5173

Я сейчас запустил php сервер через артисан

php artisan serve --host=192.168.0.100 --port=5173

Потом запустил Vite

npm run vite -- --host=192.168.0.100

И теперь с мобильника все открылось.

Какая ему разница, на чем php вертится?

[Сергей delphinpro]

Присмотрелся внимательнее.
Теперь Vite запускается на :5174, а с мобилы я открываю :5173
Если открыть :5174 там будет vite-заглушка =)

Answer 1

[Александр]

А вы в телефоне тоже пишите http://mysite.local вместо 192.168.1.100.

Сайт не понимает 192.168.1.100 - он понимает только mysite.local

Это пошло от серверных решений когда на одном сервере и его IP вертятся сотни сайтов и приложений, обратиться к конкретному приложению можно исключительно по dns имени.

Comments

[Сергей delphinpro]

тогда на телефоне нужна запись аналогичная той, что в hosts на компе, чтобы домен распознавался. или как мутить DNS сервер для резолвинга имени. Просто так не откроется.