Passing token via general.js file

[emil126a]

axios.defaults.headers.common["Authorization"] does not work. Each request call says "Token not provided". Would be nice if you fixed.

[zayyarmin3]

@emil126a
I had the same issue with the Authorization Header is not set after page refresh.
I solve this by creating created method and reinitialize the Authorization Header if user is found in the local storage.

var app = new Vue({
    el: '#app',
    router,
    store,
    components: {
        'main-app': MainComponent
    },
    created() {
        const user = getUser();
        if(user) {
            setAuthenticationHeader(user.token);
        }
    }
});

[ajcastro]

Make sure the value of Authorization has a prefix of "Bearer "+token
Take note it should have a space in between, something like "Bearer ad45tegdzgftryhgcxbsydhtv5y"

[boyet007]

const user = getUser();

getUser is not defined...

[zayyarmin3]

Ah. Sorry I forgot to mention. You gotta have to import those methods from auth.js in helper folder.
LIke This

import {setAuthenticationHeader, getUser} from './helpers/auth';