Vue 3/JavaScript Authentication: Basic Access Control

Developer Hub
, , ,
1

This JavaScript code sample demonstrates how to implement authentication in a Vue 3 Single-Page Application (SPA) using the Auth0 SPA SDK.

3

Hi, I am trying to get your example running, just to get a taste of the possibilities. However, I am ending up with this after pushing the Log In button:

http://localhost:4040/callback?error=access_denied&error_description=Service%20not%20found%3A%20https%3A%2F%2Fhello-world.example.com&state=VUtvZXItSk0xYUkwVjJWWC5oZW5IcEJUTG9VM1l0V2hKVnk0NzNYaF9mWg%3D%3D

1 Like
4

Welcome to the Auth0 Community and thank you for using the Auth0 Developer Hub.
Let us investigate what could be going on with the code sample. We’ll get back to you within 24-48 hours :pray:

1 Like
5

Howdy! I think I have a solution for you:

Did you set up a companion Hello World API locally and define its audience value? Have you defined the VUE_APP_AUTH0_AUDIENCE value in your .env file?

6

Thanks! I removed that VUE_APP_AUTH0_AUDIENCE from the .env and now it works!

1 Like
7

Great! I am glad you got it working. Please let us know if you have any other questions or feedback. :muscle:

1 Like