Reactjs 在使用node express作为代理服务器时,我是否可以在react项目中同时使用模拟数据和代理api数据?

Reactjs 在使用node express作为代理服务器时,我是否可以在react项目中同时使用模拟数据和代理api数据?,reactjs,api,proxy,mocking,single-page-application,Reactjs,Api,Proxy,Mocking,Single Page Application,在react项目开发过程中,我使用express配置代理服务器。有一个api接口调用总是失败,所以我想模拟这个。我试了很多次,但还是失败了。有人知道如何配置它吗?非常感谢您的回复。我有一个类似的要求,我只需要模拟几个调用,并为其他调用使用原始API。为此,我开发了一个工具,用于同时代理和模拟。您可以定义模拟规则来决定何时进行模拟,其他调用将路由到原始API 此工具与语言/平台无关,因为它是托管的,并提供子域/端点 (免责声明:我是Beeceptor的作者,在这里分享,因为它满足了确切的需求。)我

在react项目开发过程中,我使用express配置代理服务器。有一个api接口调用总是失败,所以我想模拟这个。我试了很多次,但还是失败了。有人知道如何配置它吗?非常感谢您的回复。

我有一个类似的要求,我只需要模拟几个调用,并为其他调用使用原始API。为此,我开发了一个工具,用于同时代理和模拟。您可以定义模拟规则来决定何时进行模拟,其他调用将路由到原始API

此工具与语言/平台无关,因为它是托管的,并提供子域/端点

(免责声明:我是Beeceptor的作者,在这里分享,因为它满足了确切的需求。)

我发现,使用“node express”和“http代理中间件”,同时使用模拟数据和代理api数据是可行的。详情如下:

1) 创建mock.js文件,该文件定义模拟数据的请求路径和响应主体:

const express = require('express');
const router = express.Router();

router.post('/mock/api/login', function (req, res, next) {
    res.json({
        "payload": {},
        "errorMsg": {
        "errorCode": null,
        "errorMsg": ""
    },
    "status": 0
  })
})
2) 在main.js中

const express = require('express');
const proxy = require('http-proxy-middleware');
const apiProxy = proxy({
    target: 'http://192.168.1.40:8080',
    changeOrigin: true
});
 const app = express() ;
 const mockDatas = require('./mock.js');
 app.use('/', mockDatas);
app.use('/api', apiProxy);

令人惊叹的!谢谢你的回答。