Code Monkey home page Code Monkey logo

Comments (7)

jbesw avatar jbesw commented on June 24, 2024 1

The QuickStart has a part 2 link that takes you to here - https://auth0.com/docs/quickstart/spa/vuejs/02-calling-an-api. This is where the audience is set up.

You should have a default API setup - if not, I would recommend creating one. You'll see this in the APIs section -
image.

Unfortunately this is hard to troubleshoot since it happens in the Auth0 component before my code gets going, but hopefully this helps figure it out.

from ask-around-me.

jbesw avatar jbesw commented on June 24, 2024 1

I just figured it out too! I set up a new Auth0 account and was able to repro the error.

I'll make some changes to the instructions to make this clearer. Thanks for wading through the process with me!

from ask-around-me.

jbesw avatar jbesw commented on June 24, 2024

Hi Bill! This looks like the auth_config.json may not contain the correct values, or you have different values configured in your Auth0 account. Verify that your "audience" value in the Auth0 configuration is set to https://auth0-jwt-authorizer. HTH!

from ask-around-me.

bbarthel avatar bbarthel commented on June 24, 2024

Shouldn't that be https://auth0-jwt-authorizer? Also, do you need to configure anything in auth0.com for the audience?

from ask-around-me.

jbesw avatar jbesw commented on June 24, 2024

Yes, updated - sorry about that. The important thing about the audience is to ensure that the API Gateway audience matches the Auth0 audience exactly. If you log out the token to the console, you can use JWT.IO to decode the token and see what has been encoded. This is extremely useful for catching minor issues that otherwise stop everything from working.

I used this QuickStart process (https://auth0.com/docs/quickstart/spa/vuejs/01-login) in the app, so if you follow these instructions, it should set you up with a working Auth0 application. I'm also going to create some videos shortly that walkthrough the process to make it clearer. I hope this helps.

from ask-around-me.

bbarthel avatar bbarthel commented on June 24, 2024

Hi James. I followed the QuickStart process and got that application to work ... in that example, the auth_config.json does not have the "audience" entry. Any other ideas?
image

auth_config.json:
{
"domain": "dev--vm0t8mn.auth0.com",
"clientId": "Cf1OEFal6eV9M14KJClw94Kk0AS0DGmt",
"audience": "https://auth0-jwt-authorizer"
}

In auth0 logs:
{
"date": "2020-06-16T18:55:34.953Z",
"type": "fsa",
"description": "Service not found: https://auth0-jwt-authorizer",
"client_id": "Cf1OEFal6eV9M14KJClw94Kk0AS0DGmt",
"client_name": "AskAroundMe",
"ip": "xxx.xxx.xxx.xxx",
"user_agent": "Chrome 83.0.4103 / Windows 10.0.0",
"details": {
"body": {},
"qs": {
"client_id": "Cf1OEFal6eV9M14KJClw94Kk0AS0DGmt",
"audience": "https://auth0-jwt-authorizer",
"redirect_uri": "http://localhost:8080",
"scope": "openid profile email",
"response_type": "code",
"response_mode": "web_message",
"state": "QkNOUUFEVGJ1WXNGTVlKTFRLVThJMjhCemViTXctUFBtWTdZaTlOWE5rcg==",
"nonce": "dWtSaVNoMmRFQkZZbFhmVzVmV1k0QXdxdTE3MXU5ME55S3NFOXA4RUFrLg==",
"code_challenge": "F5UBvCBf1mQw-b51KJaOw1V-bZZSmmBsF28WOP5rNmA",
"code_challenge_method": "S256",
"prompt": "none",
"auth0Client": "eyJuYW1lIjoiYXV0aDAtc3BhLWpzIiwidmVyc2lvbiI6IjEuNy4wIn0="
},
"connection": null,
"error": {
"message": "Service not found: https://auth0-jwt-authorizer",
"oauthError": "access_denied",
"type": "oauth-authorization"
}
},
"hostname": "dev--vm0t8mn.auth0.com",
"auth0_client": {
"name": "auth0-spa-js",
"version": "1.7.0"
},
"log_id": "90020200616185535946000540988956475421880810879613665346",
"_id": "90020200616185535946000540988956475421880810879613665346",
"isMobile": false
}

from ask-around-me.

bbarthel avatar bbarthel commented on June 24, 2024

That was the missing link! Thanks James!

from ask-around-me.

Related Issues (6)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.