分配给Vue.prototype的函数返回未解决的Promise

时间:2019-01-12 16:13:51

标签: javascript vue.js

我在做什么

我正在尝试分配一个异步函数来将我的API调用到Vue.prototype.API。
但是,尽管当我在methods属性中声明它们时,相同的函数也可以工作,但是它根本无法工作。

分配给Vue.prototype.API的功能

async function API(config) {
  return await axios(config)
}

从Vue.prototype.API返回值

{
    "_c": [],
    "_s": 0,
    "_d": false,
    "_h": 0,
    "_n": false
}

预期的反应

{
        "data": {
            "userId": 1,
            "id": 1,
            "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
            "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
        },
        "status": 200,
        "statusText": "OK",
        "headers": {
            "cache-control": "public, max-age=14400",
            "content-type": "application/json; charset=utf-8",
            "expires": "Sat, 12 Jan 2019 20:07:37 GMT",
            "pragma": "no-cache"
        },
        "config": {
            "transformRequest": {},
            "transformResponse": {},
            "timeout": 0,
            "xsrfCookieName": "XSRF-TOKEN",
            "xsrfHeaderName": "X-XSRF-TOKEN",
            "maxContentLength": -1,
            "headers": {
                "Accept": "application/json, text/plain, */*"
            },
            "method": "get",
            "url": "https://jsonplaceholder.typicode.com/posts/1"
        },
        "request": {}
    }

1 个答案:

答案 0 :(得分:0)

根据您在何处设置函数以及如何处理返回值,可能有几件事。您得到的响应看起来像是未解决的Promise。在确定将网络响应设置为Vue.prototype之前,您确定要解决该问题吗?