记录在我的 ReactJS 应用程序中由嵌入式应用程序发出的所有请求

如何解决记录在我的 ReactJS 应用程序中由嵌入式应用程序发出的所有请求

我正在使用名为“botpress”的库制作一个嵌入了 chabot 的 React 应用程序。所以基本上，我使用一个脚本钩子从它的服务器中拉出聊天机器人，这样我就可以通过我的反应应用程序使用它的所有功能。我想记录聊天机器人在我的 React 应用程序中发出的所有 API 请求。我尝试使用拦截器，但我认为这不是它的工作原理。有人能指出我正确的方向吗？

这就是我提取在我的应用程序中显示聊天机器人的代码的方式。该脚本允许我将事件绑定到它，以便我可以添加显示和隐藏聊天机器人的点击事件。

const botpressScript = useScript('https://<domain>/assets/modules/channel-web/inject.js');

这里使用的 useScript 钩子来自 https://usehooks.com/，它按预期工作。

我想这样做的原因是因为我使用的是键值存储数据库 (DynamoDB)，而 botpress 与 sql 数据库以外的任何东西都不兼容。我只是想抓取用户的回复，所以我可以直接将相关信息推送到DynamoDB。

编辑 1：我制作的 botpress 聊天机器人向我托管的实例发出 POST 请求。所以我正在寻找一种获取请求正文的方法。

编辑 2：我创建了一个拦截器，如下所示：

import axios from 'axios';

const axiosInterceptor = axios.interceptors.request.use(
    function (request) {
        console.log(request);
        // I want to write some switch statements or something here. But nothing   shows up in the console. 
        return request;
    },function (error) {
        // Do something with request error
        return Promise.reject(error);
    }
);

然后我将它导入到 index.js 中。我在控制台中没有看到任何日志。