Nuxt asyncdata axios при обновлении теряет токен аутентификации

Question

Я вызываю API-интерфейс get, который получает массив почтовых данных. Работает нормально на почтальоне. Когда я использую метод asyncdata, чтобы получить массив. Это работает только один раз, если пользователь обновляет страницу, я получаю 401 ошибку. Я просто вытаскиваю токен из печенья. Обычно на non asyncData я делаю это, чтобы установить заголовок

this.$axios.setHeader('Authorization','Bearer ' + this.$store.state.token);
        this.$axios.$post('upload/avatar',formData,{
          headers: {'content-type': 'multipart/form-data'}
        }).then(res =>{

        }).catch(err => console.error(err));{

        }
      }

Это отлично работает и не имеет проблем

но мой asnycData такой

asyncData(context){
      //Cookie has to be read for async to work for now if user disables cookies breaks this page
       let token = Cookie.get('token');
      context.app.$axios.setHeader('Authorization',`Bearer ${token}`);

      return  context.app.$axios.$get('get/all/mail').then(mailData =>{
        console.log(context.app.$axios.defaults);

        let mailMap = [];
        //create array to load mail data in
        for(let key in mailData){
          mailMap.push({...mailData[key]});
        }

        return{
         mailArray:mailMap
        }
      }).catch(e =>console.error(e));
  }

Я пытаюсь создать простую страницу входящих сообщений, которая может отправлять, удалять и черновики сообщений.