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") })

如何向query() 函数添加另一个.then()？

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
  })
}