配置环境
Sanity
如何配置 Sanity 相关环境变量.
Mkdirs 使用 Sanity 作为 CMS,您可以通过 Sanity Studio 管理网站所有内容(包括用户数据、导航数据、文章数据、图片等),您不再需要配置其他数据库或存储。
配置
获取项目 ID
创建项目后,您可以在项目名称下看到项目 ID。
# .env
# [required] sanity project id
NEXT_PUBLIC_SANITY_PROJECT_ID=your_project_id获取数据集
默认数据集是 production,您可以使用默认数据集或创建一个新数据集。
如果您想分离生产环境和开发环境,您可以为开发环境创建一个新数据集,并为生产环境和开发环境设置不同的数据集名称。
# .env
# [required] production by default, you can set your own dataset name
NEXT_PUBLIC_SANITY_DATASET=your_dataset获取 API 令牌
进入项目 API 设置,点击 Add API token 按钮,创建一个新令牌,权限是 Editor,并将其设置到 .env 文件中。
# .env
# [required] sanity api token
SANITY_API_TOKEN=your_api_token配置 CORS 来源
进入项目 API 设置,点击 Add CORS origin 按钮,添加您的域名,例如线上环境的 https://your-domain.com 或本地开发的 http://localhost:3000。
它将用于允许您通过 /studio 路径访问 Sanity Studio,例如 https://your-domain.com/studio 或 http://localhost:3000/studio。
确保您将域名的来源添加到 CORS 来源中,否则您将无法访问 Sanity Studio (也就是,网站的管理后台),建议将 http://localhost:3000 和 https://your-domain.com 都添加到 CORS 来源中。

- 如果本地开发时,经常出现 Sanity 的请求出现问题,请确保 VPN 代理已开启,并且开启 Tune 模式。如果还不行,建议尝试更换到其他更好的 VPN 工具。
视频教程
视频教程有2个版本,一个是开发者教程,一个是初学者教程,请根据自己的实际情况选择观看。
配置 Sanity 环境变量 - 开发者教程
配置 Sanity 环境变量 - 初学者教程
延伸阅读
最后更新于
