Laravel - Vue JS : What is the best way access backend

Question

I'm using Laravel API passport for my SPA Authentication using vue. So far what I made is each time I need to access my backend side I need to call header in able to accept by my protected route

const userObj = JSON.parse(window.localStorage.getItem('token'));
var header = {
    'Accept' : 'application/json',
    'Authorization' : 'Bearer '+ userObj.access_token
}
axios.get('/prod/test',{headers : header})
    .then(response=>{
        console.log(response);

    });
}

Is there any much cleaner way to do this thanks

Clément Baconnier · Accepted Answer · 2017-11-20 16:01:51Z

6

You can set default values to axios: https://github.com/axios/axios#global-axios-defaults

axios.defaults.headers.common['Accept'] = 'application/json'
axios.defaults.headers.common['Authorization'] = 'Bearer '+ userObj.access_token;

In Laravel, you already have the file bootstrap.js which contain some pre-configuration that you can edit.

answered Nov 20, 2017 at 16:01

Clément Baconnier

6,1676 gold badges35 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Laravel - Vue JS : What is the best way access backend

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related