文章/答案/技术大牛

发布

社区首页 >问答首页 >api请求返回未定义

问api请求返回未定义
EN

Stack Overflow用户

提问于 2018-03-01 22:49:16

回答 1查看 1.7K关注 0票数 2

也许这是一个愚蠢的问题，但当我从“外部”函数调用api时，它总是返回undefined，例如：

actions.js

import axios from 'axios'

export function getProducts() {
    axios.get('http://localhost:8000/api/products').then((response) => {
        return response;
    });
}

然后在组件中：

mounted() {
        this.products = getProducts();
        console.log(this.products);
    }

返回未定义的

当然，当我从组件发出请求时，它会返回结果

mounted() {
        axios.get('http://localhost:8000/api/products').then((response) => {
            this.products = response;
            console.log(this.products);
        });
    }

为什么会发生这种情况?我如何解决这个问题？

谢谢

vue.js

axios

rest

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-03-01 22:55:09

您将在axios.get调用的then回调中返回response值。但是，您的getProducts函数不会返回任何内容。

只需返回axios.get调用：

export function getProducts() {
  return axios.get('http://localhost:8000/api/products');
}

然后，getProducts的结果将是axios.get()返回的Promise。因此，您可以在getProducts的结果上添加一个then回调，并以这种方式设置您的this.products：

mounted() {
  getProducts().then(products => this.products = products);
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49052266

复制

相似问题

问api请求返回未定义
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问api请求返回未定义EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问api请求返回未定义
EN