Запуск сайта на фреймворке NuxtJS

В данной статье мы расскажем, как запустить существующий сайт на фреймворке Nuxt.js.

1. Создание сайта

При создании нового сайта укажите его имя и выберите язык программирования Node.js:

Затем перейдите в настройки созданного сайта и установите необходимую версию Node.js.

Загрузите файлы приложения, подключившись по SFTP.

Примечание. Файлы сайта должны размещаться в каталоге sitename.ru/app.

2. Установка зависимостей

Подключитесь к серверу хостинга по SSH (инструкция) и перейдите в каталог с приложением, где размещается файл package.json:

cd ~/sitename.ru/app

Выполните команду

npm install

Она установит необходимые пакеты для работы.

3. Сборка приложения

Для сборки приложения выполните команду

npm run build

4. Настройка приложение

Настройте работу Вашего приложения, учитывая особенности услуги Хостинг.

Для этого перейдите на один уровень вверх, выполните команду

cd ..

Удалите папку www и настройте вместо неё символическую ссылку, чтобы ваш сайт увидел статические файлы. Для этого выполните следующие команды по порядку.

rm -r www

ln -s ./app/.output/public/  www

4. Завершение установки

Откройте раздел “Node.js” на странице сайта в личном кабинете.

Отредактируйте переменную PATH, добавив к ней путь

:/home/cXXXX/sitename.ru/app/node_modules/.bin/

вместо cXXXX укажите ваш контейнер. Он написан в начале переменной PATH.

В переменной APP_PATH замените запись hello.js на .output/server/index.mjs.

Создайте переменную NITRO_PORT и присвойте ей значение переменной APP_PORT.

Создайте переменную NITRO_IP и присвойте ей значение переменной APP_IP.

В результате должны получится следующие настройки

Перезапустите процесс Node.js, для этого нажмите сверху на кнопку “Перезапустить Node.js”

Если А-записи в настройках DNS уже вступили в силу, то сайт уже должен быть доступен с хостинга. Так же не забудьте подключить SSL-сертификат безопасности.