API not working in VUE js, how to fix?

Question

Vue.js

Greetings, the second day I'm trying to connect the API to VUE.
Based on documentation https://ru.vuejs.org/v2/cookbook/using-axios-to-co...
Added code:

Vue.config.productionTip = false

new Vue({
  router,
  store,

  render: h => h(App),
  data() {
    return {
      info: null
    };
  },
  mounted() {
    axios
      .get('https://api.coindesk.com/v1/bpi/currentprice.json')
      .then(response => (this.info = response));
  }


})

.$mount('#app')

Added to the right place

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

The console should receive a response that everything is OK. But the error:

Before yesterday I tried to connect for lessons via VUE-resource, the same error ......

Answer 1

You need to install axios via npm and import it into the component. And then you want to call something that does not exist in the file