How to pass headers on request with Vue.js 2

Question

I need to pass the header Authorization which is located in the localStorage with the key to iflix-user-token, here is my code:

getFilmes: function () {
    this.$http.get(Api.url + '/filme').then(
        response => {
            this.filmes = response.body
        }
    )
}

I’m using the vue-resource.

Answer 1

Taking a look at Vue-Resource documentation, you can pass headers like this:

getFilmes: function () {
    const token = localStorage.getItem('iflix-user-token');
    this.$http.get(Api.url + '/filme', {headers: {'Authorization': token}})
      .then(response => this.filmes = response.body);
}