map関数が「cannot read 」と言われて困っています

Question

【エラー内容】
TypeError: Cannot read property 'map' of undefined
at VueComponent.eval (Weather.vue?e729:61)

mapを使って値をdataに代入していたのですが、エラーが出ました。原因がわかる方いらっしゃいますか？
なにか簡単なことだとは思うのですが、時間が取られてしまい、質問させていただきました。

<template>
  <b-container class="text-center">
    <div class="my-5">
      <h1 class="mb-3">天気情報</h1>
      <select v-model="woeid" @change="getWeather">
        <option disabled value="">天気を見たい都市を指定してください</option>
        <option value="1118370">Tokyo</option>
        <option value="15015370">Osaka</option>
        <option value="1117817">Nagoya</option>
      </select>
    </div>

    <b-row cols="3" cols-sm="4" cols-md="6" cols-lg="7">
      <b-col v-for="info of infos" v-bind:key="info.date">
        <p>{{ info.date }}</p>
        <p>{{ info.max_temp | roundUp }}°C</p>
        <p>{{ info.wind }}</p>
        <p>{{ info.weather_state }}</p>
        <img v-bind:src="info.image_url" />
      </b-col>
    </b-row>
  </b-container>
</template>

<script>
import axios from "axios";

export default {
  data() {
    return {
      woeid: null,
      infos: [],
    };
  },
  methods: {
    getWeather: function () {
      // 配列ymdに前後１週間の日付を代入
      var ymd = [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6].map((value) => {
        var dt = new Date();
        dt.setDate(dt.getDate() + value);
        var y = dt.getFullYear();
        var m = ("00" + (dt.getMonth() + 1)).slice(-2);
        var d = ("00" + dt.getDate()).slice(-2);
        return "/" + y + "/" + m + "/" + d + "/";
      });

      var getDataUrl = ymd.map((num) => {
        return (
          "https://********.herokuapp.com/https://www.metaweather.com/api/location/" +
          this.woeid +
          num
        );
      });

      axios
        .get(getDataUrl)
        .then(
          function (response) {
            this.infos = response.data.consolidated_weather.map((weather) => {
              return {
                date: weather.applicable_date, //日付
                max_temp: weather.max_temp, //最高気温
                wind: weather.wind_direction_compass, //風向き
                weather_state: weather.weather_state_name, //天候
                image_url:
                  "https://www.metaweather.com/static/img/weather/ico/" +
                  weather.weather_state_abbr +
                  ".ico", //天気画像
              };
            });
          }.bind(this)
        )
        .catch(function (error) {
          console.log(error);
        });
    },
  },
  filters: {
    roundUp(value) {
      return Math.ceil(value);
    },
  },
};
</script>

<style>
p {
  margin: 5px;
}
</style>

Answer 1

おそらく

this.infos = response.data.consolidated_weather.map((weather) => {

の部分なのでしょう。
Cannot read property 'map' of undefinedですから、response.data.consolidated_weather が undefined かと。

Answer 2

APi取得のパスが間違えておりました。。。
解決しました