vuejs + drf-无法使用http / axios从vuejs中的drf api获取数据

Question

Image of vuejs folder structure

无法使用http / axios从drf api获取Vue js中的数据？我也没有任何错误

App.vue：

    <template>
  <div id="app">

    <div id="show-blogs">
        <h1>Mgmt View's</h1>
        {{ info }}
    </div>
    <ul v-if="errors && errors.length">
      <li v-for="error of errors">
        {{error.message}}
      </li>
    </ul>
    <router-view/>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  name: 'App',
  data () {
      return {
        info: ""
      }
    },
  created() {

axios.get('http://127.0.0.1:8000/management/api/list/').then(response=> {
          this.info = response.data
    })
    .catch(e => {
      this.errors.push(e)
    })
    }
  }
</script>

在这里，我提供App.vue的代码，其余所有文件我都没有更改