在 Netlify 上部署

在 Netlify 上部署时，请确保已设置所有必需的环境变量。在此处阅读有关常规部署的更多信息。 here.

与自托管部署的区别

Netlify 可以为您的应用程序自动分配域名。如果您想通过环境变量访问生成的域名，您可以访问只读变量 URL 或 DEPLOY_URL。

• URL：表示您网站主地址的 URL。它可以是 Netlify 子域名，也可以是您设置的自定义域名（例如：https://your-auth-app.netlify.app）
• DEPLOY_URL：表示单个部署的唯一 URL。它以标识部署的唯一 ID 开头（例如：https://5b243e66dd6a547b4fee73ae--your-auth-app.netlify.app）

根据环境和用例，您可能需要使用这两个变量中的一个。

这些变量在构建时可用。因此，您可以在 nuxt.config.ts 中引用此变量，为 Netlify 部署设置动态 URL

export default defineNuxtConfig({
  modules: ['@sidebase/nuxt-auth'],
  auth: {
    baseURL: process.env.DEPLOY_URL ? `${DEPLOY_URL}/api/auth` : undefined
  }
})

在构建时，这将检查您的应用程序是否在 Netlify 环境中运行（使用 process.env.DEPLOY_URL 或 process.env.URL）。如果设置了此环境变量，则 baseURL 将通过组合 host 和 path 推断出来。

警告

保护预览部署（使用 OAuth 提供商）会遇到一些关键障碍。大多数 OAuth 提供商只允许单个重定向/回调 URL，或者至少是一组完整的静态 URL。这意味着您无法在发布站点之前设置该值，并且无法在 OAuth 提供商的回调 URL 设置中使用通配符子域名。为了避免这种情况，AuthJS 提供了一些建议，您可以在 此处 找到。