Как правильно опубликовать проект Nuxt 3 + Laravel?

Question

[photosho]

Создал сайт на Nuxt 3 + Laravel (серверное API для работы с базой данных, находится в другой папке). В режиме разработки "npm run dev" всё хорошо, сайт работает. Но как мне теперь "забилдить" этот сайт и развернуть его на сервере Apache, при этом не потеряв взаимодействия с сервером? Если запускаю "npm run build", то в папке "output" появляется какой-то странный набор файлов:

public/
server/
nitro.json

Естественно, браузер такое открывать не хочет. Как правильно опубликовать проект?

Answer 1

[Алекс Глебов]

поставить pm2 глобально
npm i pm2 -g

pm2 start 'npm run build' --name имяПроекта

дальше нужно на сервере сделать проксирование запросов на порт работы накста
https://gist.github.com/ramonsenadev/e38317ea4793f...

Comments

[photosho]

Алекс Глебов вроде даже что-то запустилось, но одна проблема - содержимое папки assets не попадает в рабочую сборку. В чём может быть дело?

[Алекс Глебов]

photosho, возможно, сервер пытается отдавать статику напрямую, а должен проксировать на 3000 порт все запросы

[Алекс Глебов]

возможно, пути прописаны не верно, тут можно запустить локально в prod режиме и проверить

[photosho]

Алекс Глебов каков вообще алгоритм публикации и работы подобного сайта? У меня на локальном сервере в одной папке находится Nuxt и в другой (как бы другой сайт) - Laravel, серверное API.

Сайт Nuxt открываю в браузере по такому адресу: localhost:3000
Запросы к Laravel (из Nuxt) делаю по такому адресу: localhost:8000

После вызова "build" создаётся папка ".output", в которой содержится структура, описанная в вопросе. Правильно я понимаю, что содержимое папки "output" нужно поместить на сервере в отдельную папку, и для работы собранного сайта необходим запущенный сервер с Nuxt (с версией для разработки) и запущенный сервер API Laravel? Опубликованный сайт будет обращаться к ним для отображеня содержимого?

[Алекс Глебов]

Как 2 разных сайта.
Для запуска лары надо направить все запросы на файл /public/index.php. Статику в папке public сервер отдает самостоятельно.

Для накста сервер все запросы проксирует на 3000 порт. Сам накст запускается в prod режиме командой npm run build. (через pm2, чтобы было удобнее мониторить процесс) Папка output вам не нужна.

Прикрепляю конфиги nginx из документации фреимворков, для сервера Apache их необходимо адаптировать самостоятельно.
https://laravel.com/docs/10.x/deployment#nginx
https://v2.nuxt.com/deployments/nginx/

[Макс]

Алекс Глебов, а можно как-нибудь проксировать запросы через nodejs?
я хочу писать приложение на nuxtjs + ssr, но не хочу писать на nodejs, хочу ларавел
нужно чтобы нода принимала запрос и перенаправляла на сервер с ларой)

грубо говоря как с inertiajs
на ноде мы не пишем ни строчки кода, а оно как-то работает...

[Алекс Глебов]

Макс, в таком случае фронт и бекенд будут двумя разными приложениями.
Запускаете фронт на domain.ru
Бекенд на поддомене backend.domain.ru. На этом поддомене будет стандартно развернута лара https://laravel.com/docs/10.x/deployment#nginx

Nuxtjs принимает запрос из браузера, дальше, на страницах или в компонентах, идет в rest api на ларавел за данными, и дальше nuxt отображает страницу пользователю

[Макс]

Алекс Глебов, мне нужен ssr, а для этого nodejs нужен
только я не пойму, как в инерции обрабатывается ssr без единой строчки кода на nodejs...

[Алекс Глебов]

Макс, в nuxt есть ssr из коробки, это его основная фича.
команда из моего ответа pm2 start 'npm run build' --name имяПроекта
запустит node.js сервер с накстом на 3000 порту, который и будет делать ssr

Инерция это обертка над нодой и сборщиками, позволяющая бекендерам делать админки и простые интерфейсы на современном фронтенде, и не заморачиваться с настройкой. И для работы ssr должна быть нода на сервере, он ее использует. Сам ларавел позиционирует себя как фулстек фреимворк, там есть все возможности собирать фронт на ноде, используя php синтаксис. Так что ничего необычного в этом нет.
Серьезный фронтенд лучше делать с отдельно, а не монолитить с ларой.

[Макс]

Алекс Глебов,

собирать фронт на ноде, используя php синтаксис.

Вот это я не совсем понимаю. У меня все роуты и вся логика написана на ларавеле. Каким образом, при принятии запроса нодой, идёт обработка ларой и обратно передачей ноде, которая уже возвращает готовый html? По идеи, мне же нужно написать хотя бы минимальные роуты на том же експрессе, которые будут уже обращаться к ларовским роутам?

[Алекс Глебов]

Макс, вам нужно написать приложение на nuxt. используя его роуты. nuxt через rest будет дергать laravel.
Приложение nuxt является универсальным, один и тот же код на нем может работать, как на сервере, так и в браузере (ssr). Таким образом, вам не нужен express.

[Макс]

Алекс Глебов, то есть на nodejs мне код писать вообще не нужно?
Хорошо, спасибо за разъяснения, буду разбираться.

[photosho]

Макс я доделал свой сайт на Nuxt 3 + Laravel и опубликовал его (о чём был мой вопрос), так что, если будут вопросы, может быть, смогу помочь.

[Макс]

photosho, хорошо, спасибо, а можно ссылку?
SSR работает без единой строчки на nodejs?

[photosho]

Макс, не хотел публиковать её в общем доступе, а ЛС или других ваших контактов не нашёл. Да, в Nuxt SSR включается только "ssr: true" в nuxt.config.ts, больше ничего не требуется.

[Gorynn]

photosho, можешь пожалуйста помочь с конфигами для публикации ? Моя тг @gorryn