Clever Cloud

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

Nuxt 支持部署在Clever Cloud只需少量配置。

通过控制台部署 Clever Cloud

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

  1. 从侧边菜单栏，点击创建 > 应用程序
  2. 选择部署方式：从本地仓库创建应用程序或从 GitHub 仓库创建应用程序
  3. 选择一个 Node.js 应用程序，或者一个静态应用程序。
  4. 设置实例的最小规模和可伸缩选项。Nuxt 应用程序部署时，Node.js 应用程序的最小实例规模必须为 XS，静态应用程序的最小实例规模必须为 nano。然而，构建过程需要稍后配置至少 M 的实例规模，以确保它能够处理资源需求。根据您的项目规格和依赖项，您可能需要根据概览页面上的指标进行进一步调整。
  5. 选择一个区域来部署您的实例。
  6. 除非您正在使用数据库，否则跳过将插件连接到您的 Clever 应用程序。
  7. 注入环境变量
  • 对于 Node.js
CC_POST_BUILD_HOOK="npm run build"
CC_RUN_COMMAND="node .output/server/index.mjs"
  • 对于静态应用程序
如果ssr: false 在 nuxt.config.ts 中设置或者如果您的项目包含无法预渲染的动态路由，您应该
  1. 使用静态 Apache 应用程序
  2. 创建一个.htaccess文件，将所有路由重定向到 index.html，以确保您的 SPA 的正确路由。
否则，您可以使用默认的静态 HTML 应用程序。
CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK=npm install
CC_POST_BUILD_HOOK=npm run generate
  1. 导航到应用程序信息菜单，并启用启用专用构建实例选项，实例类型至少为 M。
  2. 部署！如果您从 GitHub 部署，您的部署应该会自动开始。如果您正在使用 Git，请查看本文档.

了解更多

Clever Cloud 部署 Nuxt 的文档

Cleavr

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

Cloudflare

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