在本地和生产环境中设置 Sanity 客户端答案

【问题标题】：Setting up Sanity Client On Both Local & Production Environments在本地和生产环境中设置 Sanity 客户端
【发布时间】：2021-05-03 21:47:16
【问题描述】：

如何在 vercel 和本地开发中设置 @sanity/client？现在我们已经在vercel上设置好了，但是我想在网站上做一些本地开发，但是我不知道如何在我的本地机器上设置环境变量。

这就是我们网站上的代码现在的样子。这是@sanity/client的代码：

import sanityClient from "@sanity/client";
import { config } from "@/utils/config";

const client = sanityClient({
  projectId: config.sanityProjectId,
  dataset: config.sanityProjectDataset,
  token: config.sanityProjectToken, 
  useCdn: false, 
  ignoreBrowserTokenWarning: true,
});

export default client;

这是配置文件中的相关代码：

import getConfig from "next/config";

// Only holds serverRuntimeConfig and publicRuntimeConfig
const { publicRuntimeConfig } = getConfig();

export const config = {
  sanityProjectId: publicRuntimeConfig?.sanityProjectId,
  sanityProjectDataset: publicRuntimeConfig?.sanityProjectDataset,
  sanityProjectToken: publicRuntimeConfig?.sanityProjectToken,
};

知道如何设置它以便它也可以在我的本地计算机上运行吗？

【问题讨论】：

标签： sanity

【解决方案1】：

要在本地环境中使用环境变量，您可以在项目根目录上创建一个 .env.development 文件并在其中添加变量。

例如：

SANITY_STUDIO_MYVAR=d23r-ew23e-f2dw-23ec

任何其他以 SANITY_STUDIO_ 为前缀的环境变量都将在 javascript 包中可用，并且可以从代码中访问，如 process.env.SANITY_STUDIO_YOUR_ENV_VAR

看看这部分的文档，我觉得真的很有用。让我知道这是否适合您！

不用说，不要提交那个文件

https://www.sanity.io/docs/studio-environment-variables

【讨论】：