Vuejs and spring- header issue

Questions
,
1

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?

WWW-Authenticate:
Bearer error=“invalid_token”, error_description=“Bearer token is malformed”, error_uri=“https://tools.ietf.org/html/rfc6750#section-3.1”

Also here is my axios call

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

Am I using the access token correctly?

2

I’ve made some progress with this. I have decided to follow this sample from okta (https://github.com/okta/samples-js-vue/tree/master/okta-hosted-login)

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?

Thanks

3

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?

4

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