首页 > 解决方案 > VueJS 不会显示来自 Express API 的数据

问题描述

我有一个 vue 组件,可以调用搜索结果:

    async searchGroups() {
        this.searching = true;
        console.log('going to group service search...')
  let response = await GroupsService.searchGroups({
            terms: this.terms
        })
        this.results = response;
        console.log('this is search results: ', response);
        this.terms = '';
  this.searching = false;
},

这是 GroupsService 中的代码:

async searchGroups (params) {
    await axios.get('groups/search?text=' + params.terms)
  }

我可以在 Chrome 控制台的网络选项卡中看到搜索“库”返回:

[{id: 6, name: "An Old Group",…},…]
0: {id: 6, name: "An Old Group",…}
1: {id: 9, name: "one more for the first user", description: "south oran library "}

但响应返回未定义。

标签: expressvue.js

解决方案


async searchGroups (params) {
   await axios.get('groups/search?text=' + params.terms)
}

你没有从这个函数返回任何东西?!

尝试返回此异步函数的结果 (searchGroups)

async searchGroups (params) {
  return await axios.get('groups/search?text=' + params.terms)
}

推荐阅读