在没有网络的情况下使用 axios 在 React 应用程序上工作

Question

我接下来几天都没有网络。

我的网络应用程序由一个 django 后台和一个 react 前台组成（根据我的要求使用 axios）。大约二十多岁的要求从我的前面到我的背后。有没有一种简单快捷的方法来保存我的请求然后模拟它们。我只会在前面工作。

我不能运行 django 回到我的笔记本电脑上，我不能在背面模拟我的请求。

我想我需要这样的东西：

$ ls mocked_request
index.js
user.json
modules.json
cart.json
products.json
product1.json
product2.json
...

$ cat mocked_request/index.js
// {endpoint: res}
export default {
  user: './user.json',
  modules: './module.json',
  ...
}

$ cat http.js
import 'axios';
import mock from './mocked_request';

mock = // here something to intercept axios request and return my mocked data

export default mock;

然后在我的文件中将 import axios 替换为 import axios from './http'

有没有一种简单的方法可以做到这一点。如果是这样，我该如何设置模拟的 axios？

Answer 1

使用 axios-mock-adapter 可以轻松模拟请求。
使用Mock Service Worker - 通过拦截网络级别的请求进行模拟。无缝重复使用相同的模拟定义进行测试、开发和调试。
使用 miragejs - Mirage 是一个 JavaScript 库，可让前端开发人员模拟后端 API。

在没有网络的情况下使用 axios 在 React 应用程序上工作

Working without network on react app using axios

javascript

mocking

interceptor

reactjs

axios