Replace vue-resource with axios as default request library about vue-authenticate HOT 9 CLOSED

Is this enhancement going to completely drop support for vue-resource? im all in favour of that, but I am testing the latest release doing this

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

const vueAuth = new VueAuthenticate(Vue.axios, {
  baseUrl: 'http://localhost:4000'
}) 

And get thrown an error

cannot read property 'interceptors' of undefined

from vue-authenticate.

It is because you need to setup request/response interceptors (this enhancement is not implemented yet) through interceptor binding methods. This is just a task/info that i plan to do it. Currently, default interceptors bindings are for vue-resource. Once i implement this task, default interceptors will be for axios.

And no, this will not drop support for vue-resource, since this library allows you to have any request handling library you want (using these interceptor bindings - if library supports it).

from vue-authenticate.

@dgrubelic when we can expect this update for axios?

from vue-authenticate.

It shouldn't be too much work, but i'm a bit booked these days su i probably won't be able to do it this week, so Maybe next week...

from vue-authenticate.

@dgrubelic, I'm waiting for this improvement too.
I've tried serval configurations but without success..
Do you think it will be possible to work on that ?
Thanks !

from vue-authenticate.

@dimalusa what problem are you having? I managed to implement this with axios. Make sure you define your interceptors (as explained in the README) and you have the correct requestDataKey configured #31

You might find some inspiration in #28 as well.

from vue-authenticate.

Looking forward to the default axios functionality. Any progress on it?

from vue-authenticate.

This works for me:

Vue.use(VueAxios, axios)
Vue.use(VueAuthenticate, {
  baseUrl: 'http://localhost:3000', // Your API domain

  providers: {
    // ...
  },

  bindRequestInterceptor () {
    this.$http.interceptors.request.use((config) => {
      if (this.isAuthenticated()) {
        config.headers['Authorization'] = [
          this.options.tokenType, this.getToken()
        ].join(' ')
      } else {
        delete config.headers['Authorization']
      }
      return config
    })
  },

  bindResponseInterceptor () {
    this.$http.interceptors.response.use((response) => {
      this.setToken(response)
      return response
    })
  }
})

from vue-authenticate.

As you may already know, axios is now default request library from version 1.3.1. Closing issue...

from vue-authenticate.