Почему при работе с inertia на сервере идет обращение к локальным адресам?

Question

[Слава]

Использую Laravel + inertia + vite.

столкнулся с тем, что на сервере при попытке залогиниться сначала запрос идет на страницу login
а потом вызывается файл

127.0.0.1:5173/@vite/client
а потом
127.0.0.1:5173/resources/js/app.js
а потом
127.0.0.1:5173/resources/js/Pages/Auth/Login.vue

и соответственно возникают ошибки

127.0.0.1:5173/@vite/client net::ERR_CONNECTION_REFUSED

локально то все работает. но на сервере нет.

Answer 1

[Александр Талалаев]

Судя по всему идёт обращение словно бы dev сервер vite запущен. Он как раз по умолчанию порт 5173.
При выкатке приложения на продашн сервер нужно сделать npm run build, чтобы построить фронт.

Либо альтернативно билдить на локалке, но тогда нужно изменить штатные .gitignore файлы, чтобы не игнорировалась папка public/assets/build (hot пусть игнорируется) и его тоже коммитить. И уже собранный фронт деплоить на сервер без сборки.

Ну и не забываем проверять наш .env на установку всех нужных перемнных, а так же очистку кеша и тп

Comments

[Слава]

кэш чистил. npm run build делал. продакшн в env переменной выстраивал. не помогает почему то. неясно пока. Может как то в памяти сидит дев режим?

[Александр Талалаев]

Слава, как вы закидывали файлы на дев сервер? проверьте что там НЕТ папка hot в public/assets/.
Её создаёт дев сервер, ну и она может влиять на то что у вас происходит

[Слава]

Александр Талалаев, hot нашел в нем был адрес локального сервера. удалил и заработало. может конечно не из-за этого, но это тоже сделал. и папку созданную предыдущим выполнением сжатия стилей и скривтов удалил.

Answer 2

[iljaGolubev]

yarn build делает сборку js части проекта. При стандартной настройке собранные файлы появятся в public/build.

yard dev запускает vite server который собирает js "на лету" (HMR)

@vite('resources/js/app.js') в app.blade.php - управляет подключением стартовых скриптов на странице.
- если есть файл public/hot: считается, что запущен yarn dev и public/build игнорируется. На страницу включатся скрипт для HMR с подключением к серверу который прописан в public/hot
- если hot файла нет - подключаются ресурсы из public/assets
- если public/build/manifest.json не найден - получите HTTP 500 (Vite manifest not found если APP_DEBUG=true)

Если вы делали yarn build перед (или на) проде, то проверьте, что файла public/hot не существует.