通过 100+ 条技巧的集合学习 Nuxt!
部署

Clever Cloud

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

Nuxt 支持通过最少的配置部署到 Clever Cloud

从控制台部署 Clever Cloud

要将您的 Nuxt 项目部署到 Clever Cloud,您需要创建一个新应用程序。应用程序向导将引导您完成必要的配置步骤。

  1. 从侧边菜单栏中,单击 创建 > 一个应用程序
  2. 选择部署方式:从本地仓库创建应用程序从 GitHub 仓库创建应用程序
  3. 选择 Node.js 应用程序,或 静态应用程序
  4. 设置您的实例的最小大小和可扩展性选项。Nuxt 应用程序必须以最小 XS 实例大小部署 Node.js 应用程序,以及 nano 实例大小部署 静态应用程序。但是,构建过程稍后需要配置至少 M 实例大小,以确保它可以处理资源需求。根据您项目的规范和依赖项,您可能需要进一步调整,因为您可以从 概览 页面监控指标。
  5. 选择要部署实例的区域
  6. 除非您正在使用数据库,否则跳过连接 附加组件 到您的 Clever 应用程序。
  7. 注入环境变量
  • 对于 Node.js
CC_PRE_BUILD_HOOK="npm run build"
CC_RUN_COMMAND="node .output/server/index.mjs"
  • 对于静态应用程序
CC_NODE_VERSION=20
CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK=npm install
CC_POST_BUILD_HOOK=npx nuxi generate
  1. 导航到应用程序的 信息 菜单,并在类型为 M 的最小实例上启用 启用专用构建实例 选项。
  2. 部署! 如果您从 GitHub 部署,您的部署应该会自动开始。如果您正在使用 Git,请查看此文档

了解更多

Clever Cloud 关于部署 Nuxt 的文档