Vuejs and spring- header issue

Hi, I am trying to call a protected endpoint and using the access token to authenticate and I am now receiving this error, couldn’t find much info on it, can anyone point me in the right direction as to what the issue could be?

Bearer error=“invalid_token”, error_description=“Bearer token is malformed”, error_uri=“

Also here is my axios call

    .get(rootURL + "/rest/stuff/selectAll", {
      headers: {
        "Content-Type": "application/json",
        Authorization: `Bearer ${this.$auth.getAccessToken()}`

Am I using the access token correctly?

I’ve made some progress with this. I have decided to follow this sample from okta (

After logging in I am redirected back but get a 500 error, after starting the spring backend server it changes to 404. Any ideas on where to start to diagnose and where to go from here?


If you are running the sample app and click on Messages tab after you have logged in successfully, it should send a request to localhost:8000/api/messages. Is your spring backend server configured to receive requests for that endpoint?

Hi, thanks for the reply, we have manged to solve the issue and are progressing with the integration. The documentation seems to be pretty good.

1 Like