Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在React应用程序[typescript]中从KeyVault检索机密_Reactjs_Typescript_Azure Keyvault - Fatal编程技术网

Reactjs 如何在React应用程序[typescript]中从KeyVault检索机密

Reactjs 如何在React应用程序[typescript]中从KeyVault检索机密,reactjs,typescript,azure-keyvault,Reactjs,Typescript,Azure Keyvault,我想通过传递clientid、clientkey和tenantid从React应用程序中的keyvault检索机密。遵循以下示例,但收到错误-“浏览器不支持EnvironmentCredential” 应用程序-反应[TypeScript] 浏览器-Chrome86.0 谢谢 Deb错误是故意的-节点(服务器端JS)支持DefaultAzureCredential(),但客户端Javascript不支持: 这样做的主要原因是,向浏览您网站的任何人公开您的clientKey通常是一个严重的安全

我想通过传递clientid、clientkey和tenantid从React应用程序中的keyvault检索机密。遵循以下示例,但收到错误-“浏览器不支持EnvironmentCredential”

应用程序-反应[TypeScript]

浏览器-Chrome86.0

谢谢


Deb

错误是故意的-节点(服务器端JS)支持DefaultAzureCredential(),但客户端Javascript不支持:

这样做的主要原因是,向浏览您网站的任何人公开您的clientKey通常是一个严重的安全漏洞

如果您的React应用程序正在使用API,那么最好让React调用您的API,然后让API与Key Vault对话。如果您目前还没有,那么像简单函数或逻辑应用程序这样的应用程序可以充当API。(如果您的站点流量较低,则功能尤其具有免费层)


如果您了解这些风险,并且仍然希望在浏览器中执行此操作,那么您有两个选择-您可以创建自己的应用程序以传递到客户端,或者您可以跳过SDK和。

感谢Samara的澄清,是的,我们有API与KeyVault对话。