Как получить данные с axios со всех страниц api?

Question

[ekzotika]

Что я делаю не так? Я хочу получать данные со всех страниц в api. Думаю, что проблема в while, но я не знаю, как запустить цикл по страницам по-другому!

getCustomers: function() {
                let url = '/crm/customer/';
                return axios.get(url).then((response) => {
                   this.customers = response.data.results;
                   if (this.customers.length === 100) {
                        let i = 2;
                        axios.get('/crm/customer/?page=' + i).then((response) => {
                          this.c = response.data.results;
                          i += 1;
                          for (let item of this.c.values()) {
                              this.customers.push(item);
                          }
                          while (this.c.length === 100) {
                              axios.get('/crm/customer/?page=' + i).then((response) => {
                                this.c = response.data.results;
                                i += 1;
                                for (let item of this.c.values()) {
                                  this.customers.push(item);
                                }
                              }).catch( error => {}).finally(() => (global_waiting_stop()));
                          }
                        }).catch( error => {}).finally(() => (global_waiting_stop()));
                   }
                 }).catch( error => {}).finally(() => (global_waiting_stop()));
            },

Answer 1

[Александр]

1) Перестало работать что?

Догадка:
2) "axios await async habr qna" в поисковике, тут есть ссылки как работает then. Асинхронность. Команда вроде выполнена, а значение будет потом.

Промисы меня немного бесят ))), но с ними интересно ломать голову.

Comments

[Александр]

https://jakearchibald.com/2015/tasks-microtasks-qu...

Считаю хороший пример

[ekzotika]

Благодарю за ссылку!
Скажите, а что конкретно в моём коде вам кажется неправильно? До этого всегда использовала then именно так, и проблем не было. Но вот понадобилось получить данные с нескольких страниц, и возникла проблема...

[Александр]

Когда используешь связку axios-then без последующей обработки данных в текущей функции - все замечательно работает. Запросил-Получил-Отдал.
Но когда попытаешься обработать данные "влет", у тебя this.customers.push(item);, жди беды. Пока функция getCustomers не завершиться данных this.c нет и нечего перебирать в цикле for.