Question

如何解决 Sanity 警告：您已将 Sanity 客户端配置为在浏览器中使用令牌

2022-04-13

2060

reactjs token sanity

我使用 ReactJS 作为前端，使用 Sanity 作为后端。

我看到了这个警告，并且已经阅读了此链接文档，但我不确定在这种情况下如何应用。如果是出于安全问题，我肯定不想忽略警告。

我将我的秘密 Sanity 令牌放在 .env 文件中，我认为这会起作用，但显然他们说它会在应用程序包中暴露。
在本文档中有 2 条建议，但没有说明如何应用它。

->那么，在这种情况下，配置令牌的正确方法是什么？你能帮我理解如何应用它吗？谢谢大家！

client.js

import sanityClient from '@sanity/client'

export const client = sanityClient({
  projectId: process.env.REACT_APP_SANITY_PROJECT_ID,
  dataset: 'production',
  apiVersion: '2022-02-01',
  useCdn: true,
  token: process.env.REACT_APP_SANITY_TOKEN,
})

Answer 1

根据此文档的说明，您只需要在传递给 sanityClient() 的对象内添加“ignoreBrowserTokenWarning: true”代码（如下所示），警告将永远不会再出现！

import sanityClient from '@sanity/client'

export const client = sanityClient({
  projectId: process.env.REACT_APP_SANITY_PROJECT_ID,
  dataset: 'production',
  apiVersion: '2022-02-01',
  useCdn: true,
  token: process.env.REACT_APP_SANITY_TOKEN,
  ignoreBrowserTokenWarning: true,
})