Javascript 使用拦截器延迟所有请求

出于调试目的，我想延迟所有的请求，以便模拟加载资源实际上需要时间。我想这可以在拦截器中完成

我现在确实可以通过以下方式延迟单个请求：

const delay =
    milliseconds =>
      new Promise(resolve =>
        setTimeout(resolve, milliseconds));

delay(1000)
  .then(() => {
    axios.post(
      ...
    ).then((response) => {
      ...
    });
  });

---

但是我更愿意在一个地方处理所有请求。

很抱歉响应太晚，但我也遇到了类似的问题。我想对几乎所有的请求使用人工延迟，以提高可用性，并用于调试目的。我创建了一个新服务（位于

src/services/HttpClient.js

），并使用了一个全局请求拦截器：

import axios from 'axios';

// Create a new instance.
const service = axios.create({
  baseURL: process.env.API_ENDPOINT,
  delayed: true  // use this custom option to allow overrides
});

service.interceptors.request.use((config) =>
  if (config.delayed) {
    return new Promise(resolve => setTimeout(() => resolve(config), 600));
  }
  return config;
});

export default service;

自定义配置选项

delayed

可用于覆盖全局行为。将立即执行以下请求：

import $http from '@/services/HttpClient';

$http.get('/example-url', {
  delayed: false
}).then((response) {
  …
});

---

后台请求不会在我的应用程序中使用延迟。但是所有由用户操作触发的请求都会使用延迟。

很抱歉响应太晚，但我也遇到了类似的问题。我想对几乎所有的请求使用人工延迟，以提高可用性，并用于调试目的。我创建了一个新服务（位于

src/services/HttpClient.js

），并使用了一个全局请求拦截器：

import axios from 'axios';

// Create a new instance.
const service = axios.create({
  baseURL: process.env.API_ENDPOINT,
  delayed: true  // use this custom option to allow overrides
});

service.interceptors.request.use((config) =>
  if (config.delayed) {
    return new Promise(resolve => setTimeout(() => resolve(config), 600));
  }
  return config;
});

export default service;

自定义配置选项

delayed

可用于覆盖全局行为。将立即执行以下请求：

import $http from '@/services/HttpClient';

$http.get('/example-url', {
  delayed: false
}).then((response) {
  …
});

---

后台请求不会在我的应用程序中使用延迟。但是所有由用户操作触发的请求都会使用延迟。

此解决方案在axios v0.19.0中中断，但有望在0.19.1中再次工作。目前使用v0.18.1。在axios v0.19.0中可以看到此解决方案中断，但有望在0.19.1中再次工作。目前使用v0.18.1。看见