Don't miss Vue.js Amsterdam in March 2025! Save 10% with code NUXT.
Развернуть

Digital Ocean

Разверните ваше приложение Nuxt на Digital Ocean инфраструктуре.

Nuxt поддерживает развертывание на Digital Ocean App Platform с минимальными настройками.

Настройка

  1. Создайте новое приложение Digital Ocean, следуя руководству.
  2. Далее вам нужно настроить переменные окружения. В настройках приложения убедитесь, что есть следующие переменные окружения на уровне приложения:
    SERVER_PRESET=digital-ocean
    
  3. Чтобы убедиться, что Digital Ocean использует поддерживаемую версию Node.js, вам необходимо задать поле engines.node в файле package.json вашего приложения:
    package.json
    {
      "engines": {
          "node": "20.x"
      }
    }
    
  4. Вам также нужно будет добавить команду run, чтобы Digital Ocean знал, какую команду запускать после сборки. Это можно сделать, добавив скрипт запуска в ваш package.json:
    package.json
    {
      "scripts": {
          "start": "node .output/server/index.mjs"
      }
    }
    
  5. Наконец, вам нужно добавить этот скрипт запуска в команду запуска вашего приложения Digital Ocean. Перейдите в Компоненты > Настройки > Команды, нажмите «Редактировать», а затем добавьте npm run start.
Ваше приложение Nuxt должно быть размещено на сгенерированном Digital Ocean URL, и теперь вы можете следовать остальной части руководства по развертыванию Digital Ocean.

Узнать больше

Ознакомьтесь с документацией Nitro, чтобы узнать больше о предустановке развертывания digitalocean.