Getting Wrong Token from vue js

tyf · January 10, 2024, 11:57pm

It looks like you’re getting back an opaque token as outlined in this post:

You’ll need to pass an audience param in order to receive a valid JWT:

auth0/auth0-vue/blob/main/EXAMPLES.md#calling-an-api

# Examples using auth0-vue

- [Add login to your application](#add-login-to-your-application)
- [Display the user profile](#display-the-user-profile)
- [Add logout to your application](#add-logout-to-your-application)
- [Calling an API](#calling-an-api)
- [Accessing ID Token claims](#accessing-id-token-claims)
- [Error Handling](#error-handling)
- [Protecting a route](#protecting-a-route)
- [Protecting a route when using multiple Vue applications](#protecting-a-route-when-using-multiple-vue-applications)
- [Accessing Auth0Client outside of a component](#accessing-auth0client-outside-of-a-component)
- [Organizations](#organizations)

## Add login to your application

In order to add login to your application you can use the `loginWithRedirect` function that is exposed on the return value of `useAuth0`, which you can access in your component's `setup` function.

```html
<script>
  import { useAuth0 } from '@auth0/auth0-vue';

This file has been truncated. show original