DigitalOcean

将您的 Nuxt 应用程序部署到 DigitalOcean 基础设施。

Nuxt 支持部署到DigitalOcean App Platform只需少量配置。

设置

  1. 按照以下步骤创建一个新的 DigitalOcean 应用指南.
  2. 接下来,您需要配置环境变量。在应用设置中,请确保添加以下内容:应用级环境变量:
    SERVER_PRESET=digital-ocean
    
  3. 您需要确保在应用的 package.json 中设置了 engines.node 字段,以确保 DigitalOcean 使用受支持的 Node.js 版本。
    package.json
    {
      "engines": {
          "node": "20.x"
      }
    }
    
  4. 您还需要添加一个运行命令,以便 DigitalOcean 知道在构建后执行什么命令。您可以通过在 package.json 中添加 start 脚本来实现:
    package.json
    {
      "scripts": {
          "start": "node .output/server/index.mjs"
      }
    }
    
  5. 最后,您需要将此 start 脚本添加到 DigitalOcean 应用的运行命令中。前往 Components > Settings > Commands,点击“Edit”,然后添加 npm run start
您的 Nuxt 应用现在应该可以在 DigitalOcean 生成的 URL 上线了,您可以继续阅读DigitalOcean 部署指南的其余部分.

了解更多

前往 Nitro 文档 了解更多关于 DigitalOcean 部署预设的信息。