VUE.JS 通过 webpack-simple 中的 axios 从 url 接收一个 json 文件

Question

我是 vue.js 的新手，我尝试从 url 接收列表。 这里有一些问题：
1.我无法在main.js中定义axios，所以我可以在index.html中使用（这个解决方案对我不起作用https://stackoverflow.com/a/51374448/9582441）
2.使用console.log(response)时，response为空，所以请求还没有完成

我已经安装了axios和vue扔了vue-cli

main.js

import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios);

new Vue({
  el: '#app',
  render: h => h(App)
})

index.html

<template>
  <div id="app">{{ info }}</div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      info: null
    };
  },
  mounted() {
    Vue.axios
      .get("https://dog.ceo/api/breeds/list/all"
      )
      .then(response => (this.info = response));
    console.log(response);
  }
};

所以我只想收到一个列表并以某种方式连接 axios

灵魂是使用

this.axios

Answer 1

解决方案是使用

this.axios