在使用 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)
然后重启服务器，并在浏览器刷新， 就可以看到博客列表了。
登录
请登录后再发表评论。
评论列表:
目前还没有人发表评论