如何从 vuejs 中的 axios 响应中访问响应数据

Question

我的服务器 Api 响应是这样的：-

{"data":{"databases":["rohit_one_test"]},"error":null,"success":true}

我正在使用带有 vue js 的 axios 来进行这样的调用。

//axiosget函数

import axios from 'axios';

export function axiosGet (url) {
  return axios.get(url,{ headers: {'Authorization': 'Basic token'}})
    .then(function (response) {
        return response.data.data;
    })
    .catch(function (error) {
        return 'An error occured..' + error;
    })
}

我在其他地方这样称呼它：-

showdblist(){
      this.url=API_LOCATION+"/tools/mysql/resources/databases/"+this.domain;
      this.dbs=axiosGet(this.url);
      console.log(this.dbs);

}

当我记录 dbs 变量时，它有这样的东西。

屏幕截图在这里：--https://prnt.sc/kmaxbq

我的问题是如何在 dbs 变量中访问我的数据库名称？

Answer 1

嗯，这是一个被返回的承诺，所以你从承诺解决中返回什么都不做。相反，将其视为返回的承诺，并像这样解决：

async showdblist() {
    this.dbs = await axiosGet(this.url)
    // now this.dbs is correct
}

如果您不能使用 async/await，请将其视为常规承诺：

axiosGet(this.url)
    .then((response) => {
        this.dbs = response.data.data
    })