вью спа получения статуса код на коды ошибок (не 200) во вложенных обещаю

в моем компонентов вю, я использую этот асинхронный метод для извлечения данных из api:

<сильный>компоненты</сильный>

:

     methods: {        async fetch() {            //console.log("##### wait ####");            const {data} = await staffrepository.getitems(this.teamid);            //console.log("##### end wait ####");            this.staffs = data;        },    }

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

<сильный>staffrepository</сильный>

:

export default {    getitems(nationid) {       return   repository.get(`page/${nationid}`)           },}

и, наконец, главный репозиторий имея аксиос код:

<сильный>хранилище</сильный>

:

 import axios from 'axios/index'; const basedomain = "https://my end point"; const baseurl = `${basedomain}`; ... const headers = {      'x-csrf-token': token,       //  'access-control-allow-origin': '*', // if you add it add 'allowedheaders' to ai server config/cors.php       'x-requested-with': 'xmlhttprequest',       'content-type': 'application/json',       'authorization': `bearer ${jwtoken}`,  };  export default axios.create({    baseurl,   'withcredentials: withcredentials,   'headers': headers });... 

этот код работает очень приятно, когда jwtoken является допустимым и не exipred маркер.

проблема, когда маркер истек или не нашли и мой фреймворк laravel 5.8 api возвращает код состояния 401 (или другие)

<р>сделать <а href="https://api.endpoint в" rel="noreferrer на nofollow">https://api.endpoint</а> 401 (несанкционированный)</р>

<сильный>staffrepository</сильный>

хорошим решением может поймать код статуса , имеет метод get.

<сильный>mysolution</сильный>

: (не работает)

getitems(nationid) {   return   repository.get(`page/${nationid}`)      .then(response => {             console.log(response)})      .catch(error => {            console.log(error.response.status) // <-- it works!     });        },

<сильный>401</сильный>

это может быть приятно, потому что в случае ошибки сообщение об ошибке в консоли

но я не могу использовать это решение, потому что у меня есть 2 вложенных обещания: это одно и асинхронный метод fetch() в компонент.

как я могу исправить это еще используют моего окружения репозиторий?