[Vuejs]-Authorization header doesn't work with http GET requests

by

0👍

✅

The problem was with this line Vue.http.headers.common['Authorization'] = 'JWT ' + response.data.token. To fix it I needed to at this to my main.js file: 

if (this.$session.exists()) {
      var token = this.$session.get('jwt')
      console.log(token)
      Vue.http.headers.common['Authorization'] = 'JWT ' + token
}

And now it’s working.

👤xaos_xv

2👍

Edit

Vue.http.headers.common['Authorization'] = 'JWT' + response.data.token

with

Vue.http.headers.common['Authorization'] = 'JWT ' + response.data.token

Hope it will help you

👤Alex

0👍

You don’t actually store your jwt token anywhere in your browser (with a cookie or a localStorage). Therefore Vue has the token in memory only for the runtime of that page (in the sense of a one page app) you’ve request your jwt token in. According to the github docs of VueSession the option to store the token in your browser is false by default. Just set it to true like this:

#main.js

var options = {
  persist: true
}

Vue.use(VueSession, options)

I personally don’t use this library. I usually do it from scratch using axios, Vuex and localStorage. It’s really not that difficult, the pattern is described pretty well here.

👤Patrick Cyiza

Leave a comment