首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Sveltekit,Supabase和Vercel (部署到Vercel时Supabase的问题)

Sveltekit,Supabase和Vercel (部署到Vercel时Supabase的问题)
EN

Stack Overflow用户
提问于 2021-12-26 06:43:06
回答 2查看 632关注 0票数 2

我在试着设置Sveltekit,Supabase和Vercel。它在本地环境(SvelteKit和Supabase)上正确工作,但是当我将它部署到Vercel时,Supabase出现了一个问题-- "Error: supabaseUrl是必需的“(我在下面发布了一个屏幕快照)。如果我不使用Supabase,部署到Vercel没有问题。如果你遇到过类似的问题,或者有什么建议可以分享的话,请找个人。

EN

回答 2

Stack Overflow用户

发布于 2022-01-05 18:11:29

在做了几件我从几个来源拼凑起来的事情之后,我终于开始工作了。

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

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

代码语言:javascript
运行
复制
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,它成功了。

票数 6
EN

Stack Overflow用户

发布于 2022-07-22 21:14:21

您应该将您的Supabase URL和Supabase ANON键添加到vercel中,如果您已经根据supabase指南进行初始化,则应该坚持下面给出的VITE_SUPABASE_URLVITE_SUPABASE_ANON_KEY格式。

除了将配置添加到您的svelte.config.js文件之外,如果您添加了此文件,您应该强调向Vercel环境中添加环境变量。

代码语言:javascript
运行
复制
// utils/supabase.js
import { createClient } from '@supabase/supabase-js'

const supabaseUrl = import.meta.env.VITE_SUPABASE_URL
const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY

export const supabase = createClient(supabaseUrl, supabaseAnonKey)
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70484665

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档