javascript - axios 的几个 .then 承诺 - 如何组合它们？

Question

假设我有一个axios函数包装器——应该在每个 ajax 查询上实现一些东西，所以我想保持代码干燥。像那样：

import axios     from "axios"
import NProgress from "nprogress"

const query = (url, options) => {
  NProgress.start()

  return axios({
    url: url,
    method: options.method || "GET",
    data: options.data || {}
  }).then(() => {
    NProgress.done()
  })
}

export default query

问题是，如果我将.then解析器添加到query()，则什么也没有发生！像那样：

从“./query.js”导入查询

query("something", {}).then(() => { console.log("This will never logged") })

如何添加另一个.then()功能query()？

Answer 1

只是回报一些东西！

const query = (url, options) => {
  NProgress.start()

  return axios({
    url: url,
    method: options.method || "GET",
    data: options.data || {}
  }).then((response) => {
    NProgress.done()
    return response // change is here
  })
}