Как отправить данные с сервера на фронтенд

Я пытаюсь сделать проект с django и vue.js

В vue.js я пишу этот код

<tbody v-if="!hrmsActive">
                  <tr v-for="(holiday, index) in personLeave" :key="index">
                    <th scope="row">
                      <!-- {{ index + 1 }} -->
                      {{
                          personLeave.current_page * perPage -
                            perPage +
                            index +
                            1
                      }}
                    </th>

                    <td>
                      {{
                        holiday.holidays_start_date
                          .split("-")
                          .reverse()
                          .join("-")
                      }}
                    </td>
                    <td>
                      {{
                        holiday.holidays_end_date
                          .split("-")
                          .reverse()
                          .join("-")
                      }}
                    </td>
                    <td>{{ holiday.holiday_type_name }}</td>
                    <td v-if="holiday.comments">
                      {{ holiday.comments }}
                    </td>
                    <td v-else>
                      -
                    </td>
                    <td
                      v-if="holiday.on_holidays"
                      class="fas fa-check"
                      style="color:green"
                    ></td>
                    <td v-else class="fas fa-times" style="color:red"></td>
                  </tr>
                  
                </tbody>

и

async fetchPersonHolidays() {
  const filterUrlParams = new URLSearchParams();
  Object.entries(this.personLeave).forEach(([key, values]) => {
    if (values) {
      if (Array.isArray(values)) {
        values.forEach((value) => {
          filterUrlParams.append(key, value);
        });
      } else {
        filterUrlParams.append(key, values);
      }
    }
  });
  await session
    .get(`api/person/${this.$route.params.id}/holidays/?${filterUrlParams.toString()}`)
    .then((resp) => {
      this.personLeave = resp.data;
      console.log(resp.data)
    }).catch((e) => {
      console.log(e.response.data);
    });

и я пытаюсь отправить данные с сервера во фронтенд, а данные не появляются и на странице появляется сообщение об ошибке TypeError: holiday.holidays_start_date is undefined. Что я могу сделать, чтобы решить эту проблему?

Вернуться на верх