Для задеплоя Nuxt.js приложения в универсальном режиме на VDS хостинге Timeweb, вам понадобится выполнить следующие шаги:
Шаг 1: Подготовка сервера
В первую очередь, убедитесь, что ваш VDS сервер настроен и готов для хостинга Node.js приложений. Убедитесь, что на сервере установлен Node.js и NPM.
Шаг 2: Создание директории проекта
Создайте директорию проекта на сервере. Для этого можете использовать команду mkdir в командной строке вашего сервера, например:
$ mkdir my-nuxt-app $ cd my-nuxt-app
Шаг 3: Установка Nuxt.js
Установите Nuxt.js в созданную директорию при помощи NPM команды:
$ npm install nuxt
Шаг 4: Создание Nuxt.js приложения
Создайте новое Nuxt.js приложение с помощью команды npx:
$ npx create-nuxt-app .
Шаг 5: Подготовка приложения для деплоя
Отредактируйте файл nuxt.config.js в корне вашего проекта, чтобы сконфигурировать ваше приложение для деплоя. Установите следующие параметры:
export default { mode: 'universal', target: 'server', server: { port: process.env.PORT || 3000, host: '0.0.0.0', }, router: { base: '/', }, generate: { dir: 'dist', }, build: { babel: { plugins: ['@babel/plugin-proposal-optional-chaining'], }, }, }
Шаг 6: Сборка приложения
Соберите ваше Nuxt.js приложение при помощи команды:
$ npm run build
Шаг 7: Запуск приложения
Запустите ваше Nuxt.js приложение командой:
$ npm run start
Шаг 8: Настройка вашего VDS хостинга (Timeweb)
Войдите в панель управления Timeweb и откройте раздел управления сервером. Настройте следующие параметры:
- Добавьте ваш VDS сервер в проект Timeweb.
- Настройте ваш сервер для работы с Node.js и NPM.
- Убедитесь, что порт 3000 или другой порт, который вы указали в вашем Nuxt.js приложении, открыт для внешнего доступа.
Шаг 9: Загрузка приложения на сервер
Загрузите собранное Nuxt.js приложение на ваш VDS сервер с помощью FTP или командной строки. Убедитесь, что все файлы и директории загружены в правильную директорию на сервере.
Шаг 10: Запуск приложения на сервере
Запустите ваше Nuxt.js приложение на сервере командой:
$ npm run start
Ваше Nuxt.js приложение теперь должно быть развернуто на VDS хостинге Timeweb в универсальном режиме. Вы можете проверить его, перейдя по адресу веб-браузера вашего домена или IP-адреса сервера.