Vue.js Axios Wordpress call

Question

Может кто-нибудь помочь мне решить проблему с помощью следующего кода?Я хочу получить данные постов из моей установки WordPress с Axios в моем проекте Vue.js.Я получаю сообщение об ошибке: «... axios не определен»

компонент блога:

<template>
  <section>
    <h1>Blog</h1>

    <ul>
    <li v-for="post of posts" :key="index">
      <p><strong>{{post.title}}</strong></p>
      <p>{{post.body}}</p>
    </li>
  </ul>

  </section>
</template>

<script>
export default {
  data(){
    return {
      posts: []
    }
  },
  created() {
    axios.get(`http://woolff.dk/blog/wp-json/wp/v2/posts`)
    .then(response => {
      this.posts = response.data
    })
  }
}
</script>

main.js:

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

Vue.use(VueAxios, axios)

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

Answer 1

Вам не хватает this ключевого слова перед axios:

created() {
this.axios.get(`http://woolff.dk/blog/wp-json/wp/v2/posts`)
.then(response => {
  this.posts = response.data
})