Nested custom headers about vue-table HOT 8 CLOSED

I could solve it by setting a global setting for vue-resource.

Vue.http.headers.common['Authorization'] = $.cookie('access_token');

But it would be great if this could be passed correctly to vuetable instead.

from vue-table.

@tmikaeld According to vue-resource doc, it is supposed to be and Object, not an Array.

  <vuetable
     //...
     :http-options="options"
  ></vuetable>

  new Vue({
    el: 'body',
    data: {
      options: {
        headers: {
          "Authorization": $.cookie('access_token')
        }
      }
    }
  })

from vue-table.

If i set it up exactly like that, it is created as a query string in the request rather than a header.

from vue-table.

@tmikaeld I didn't really use this feature myself, so I'm not sure what happens.

Can you please give me and example on how it should actually look in the request? May be I can check and do something with it.

from vue-table.

Nevermind, it was me who mistakenly had not changed http-data to http-options!

from vue-table.

@tmikaeld, could you give us a code snippet on how you finally solved this?

from vue-table.

@abishekrsrikaanth Just change :http-data="options" to :http-options="options"

from vue-table.

@tmikaeld , thank you. much appreciated

from vue-table.