Comments (7)
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 -
.
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.
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.
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.
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.
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.
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?
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.
That was the missing link! Thanks James!
from ask-around-me.
Related Issues (6)
- No APIendpoint value after deploying backend HOT 1
- Idempotency Concern in ProcessAnswersStreamFunction
- Getting 401 error from the API gateway HOT 4
- ERR_TOO_MANY_REDIRECTS HOT 8
- Uncaught (in promise) Error: Request failed with status code 401 at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16) at settle (webpack-internal:///./node_modules/axios/lib/core/settle.js:17) at XMLHttpRequest.handleLoad (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:61)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ask-around-me.