Vue.js Axios Wordpress调用

Question

有人能帮我解决以下代码的问题吗？我想在我的Vue.js项目中使用Axios从wordpress安装中获取帖子数据。我得到了一个错误："...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
})