Sveltekit、Supabase 和 Vercel（部署到 Vercel 时 Supabase 出现问题）

Question

我正在尝试设置 Sveltekit、Supabase 和 Vercel。它在本地环境（SvelteKit 和 Supabase）上正常工作，但是当我将其部署到 Vercel 时，Supabase 出现问题 - “错误：需要 supabaseUrl”（我在下面发布了屏幕截图）。如果我不使用 Supabase，则部署到 Vercel 没有问题。如果您遇到过类似的情况或有建议可以分享，请告诉我。

Answer 1

在做了一些我从几个来源拼凑起来的事情后，我终于开始工作了。

首先，我在 Vercel 中添加了环境变量，就像在 .env 文件中一样。例如，VITE_SUPABASE_URL 和 VITE_SUPABASE_ANON_KEY 及其值。

接下来，我在 svelte.config.js 文件中添加了一些代码。该文件的结果如下所示：

import adapter from '@sveltejs/adapter-auto'

/** @type {import('@sveltejs/kit').Config} */
const config = {
  kit: {
    adapter: adapter(),
    vite: {
      define: {
        'process.env': process.env,
      },
    },

    // hydrate the <div id="svelte"> element in src/app.html
    target: '#svelte',
  },
}

export default config

我在 Vercel 重新部署了该项目，并且成功了。