主页

在使用 vue 来显示博客列表页的时候,页面一直不显示任何内容,并且一直报错:"TypeError: Cannot read properties of undefined (reading 'get')"

2023-11-11 11:12AM

BlogList.vue 文件代码如下: 

<template>
  <div>
    <table>
      <tr v-for="article in articles" :key="article.id">
        <div>{{ article.title }}</div>
      </tr>
    </table>
  </div>
</template>
<script>
export default {
  data () {
    return {
      title: '博客列表页',
      articles: [
      ]
    }
  },
  mounted () {
    this.$http.get('http://mysite/api/articles').then((response) => {
      console.info(response.body)
      this.articles = response.body.articles
    }, (response) => {
      console.error(response)
    })
  }
}
</script>
<style>
td {
  border-bottom: 1px solid grey;
}
</style>

这是因为我的 vue 项目没有安装 vue-resource

1. 需要在命令行里面安装 vu-resource 库,使用下面这个命令:

$ npm install vue-resource

2. 在 Vue.js 应用程序的入口文件(通常是main.js)中,导入并使用vue-resource: 

import VueResource from 'vue-resource'

Vue.use(VueResource)

然后重启服务器,并在浏览器刷新, 就可以看到博客列表了。

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论