No puedo acceder al token cuando lo tengo en la cabecera

Hola,
soy nuevo en VUEX y me está volviendo loco el no poder acceder al token.
Mi codigo es el siguiente
LOGIN
export default {

name: ‘Login’,

props:{

msg:String

},

data: function() 

{

    return {

        username: "",

        password: "",

        error: false,

        error_msg: "",

                   

    }



},

methods:{

  

  login(){
    let user = {

      username : this.username,

      password : this.password

    }

            

    this.$store.dispatch("LOGIN",  user)

    .then( (success) => {

      console.log(success);

      this.$router.push("/");

    })

    .catch( (error) =>{

      

      this.error = true;

      this.error_msg = error

      

    })

  }

}

}

AUTH
import axios from “axios”

export default {

state: {

    status: '',

    token: localStorage.getItem('token') || ''

   

},

getters: {},

mutations:{},

actions:{

    LOGIN: (state, user) => {

        

        console.log('usuario login : ', user)

        return new Promise( (resolve, reject) => {

            axios.post(`login`, user)

                .then(resp => {

                    console.log(resp)

                    if (resp.status === 200) {

                        console.log("status:",resp.data);

                                                                                                       

                        resolve(true);

                    }

                })

                .catch(error => {

                   

                    localStorage.removeItem('token')

                    reject(error);

                });

        });

    }

}

};