axios get请求获取数据后怎么拿出来?

sai2333
  • 45

是这样的,我在另外一个文件写了一个api接口,想在组件中使用那个api函数。问题出现在axios写的函数里面,我想拿到里面的数据,如果单纯的console.log是可以输出的,但我想把axios.get这个请求返回这些数据。下面是api函数的代码。图片描述然后想在组件中输出图片描述
输出的值是undefined的,在api函数那边写成return res.data也是undefined.请问有什么解决的办法吗?

回复
阅读 8.5k
2 个回答

apiAxios内axios then回调不能直接return,只能用callback方式

function apiAxios(city, callback) {
    ...
    .then(res => {
      callback(res)
    })
}


get: function(city, callback) {
  apiAxios(city, callback);
}

this.$api.get('abc', function(res) {
  console.log(res.data);
})

apiAxios 函数做点改造

function apiAxios(){
    url += city;
    return axios.get(url, {header:"..."})
}

export default {
    get: apiAxios
}

// 输出.vue
<script>
    export default {
        created(){
            this.$api.get("...").then(res => {
                console.log(res)
            })
        }
    }
</script>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏