"Request is missing a Bearer or PoP token." with Client token

• Package Name: @azure/keyvault-secrets
• Package Version: “^4.1.0”
• Operating system: Windows 10
• nodejs
  • version: 14.8.0
• browser
  • name/version: Chrome/84.0.4147.135
• typescript
  • version: “^3.9.6”
• Is the bug related to documentation in
  • README.md
  • source code documentation
  • SDK API docs on https://docs.microsoft.com

Describe the bug Access Azure Key Vault from Gatsby/React app Initiate access with

        this.keyVaultUri = `https://${keyVaultName}.vault.azure.net`;
        const credential = new ClientSecretCredential(tenantId, clientId, clientSecret);
        this.keyVaultClient = new SecretClient(this.keyVaultUri, credential);

Get a specific secret lke

    get GoogleMapApiKey() {
        return (async () => await this.keyVaultClient.getSecret('GoogleMapApiKey'));
    }

Get the secret value like:

        const mapsKey:KeyVaultSecret = await keyVault.GoogleMapApiKey();
        setGoogleMapsApiKey(mapsKey.value ?? '' );

To Reproduce Steps to reproduce the behavior: Illustrated in the description

Expected behavior Should retrieve the secret from the Azure Key Vault.

Additional context This seems related to #9005. This is a Gatsby React app. I am using TypeScript.

[KevinBurton]

One more thought for which I have NO experience is to add Azure function to the app. Since it is already being deployed to static web site on Azure this seems like a natural place to put a function?

Again thank you for the help.

Kevin

On Wed, Aug 26, 2020 at 1:05 PM Daniel Rodríguez [e-mail] wrote:

@KevinBurton https://github.com/KevinBurton that’s a good spot to be in! So many things to learn! Alright, good luck with that study!

If you happen to find the solution before me, please report back.

I’ll put some time over the weekend trying to deploy a Gatsby App using Azure App Service and our KeyVault clients to see if I can come up with something else.

I’m also asking internally in case somebody else knows more than me about this.

In case none of us has a better answer soon, see you in some days! good luck!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Azure/azure-sdk-for-js/issues/10828#issuecomment-681037320, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAUFM3XCCTFI5CIADUNDFS3SCVFFZANCNFSM4QKQB2IA .

[KevinBurton]

It would. If you have time. Thank you.

Kevin

On Wed, Aug 26, 2020 at 1:01 PM Daniel Rodríguez [e-mail] wrote:

@KevinBurton https://github.com/KevinBurton I might be able to dig deeper and try to deploy a Gatsby app myself later this week or next week, if that helps.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Azure/azure-sdk-for-js/issues/10828#issuecomment-681035623, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAUFM3R75THFO4ADVLSCMB3SCVEZDANCNFSM4QKQB2IA .