在React Native中调试Axios请求

Question

我尝试使用axios在我的React Native应用中调试axios-debug-log个请求。

我已添加了库：npm install --save-dev axios-debug-log

在用户登录并开始使用该应用之前，我设置了本地存储（或在RN的情况下，AsyncStorage）：AsyncStorage.setItem('debug', 'axios')

在我的axios API请求的文件顶部，我添加了require('axios-debug-log');

但是，当我使用axios时，我没有看到任何日志。 axios-debug-log的文档不包含有关在RN中使用该库的任何细节，因此我不确定是否存在我做错的事情。如果我可以使用另一个库/技术在我的RN应用程序中调试axios请求，我也可以使用它们。

Answer 1

使用AsyncStorage不起作用。您需要设置NODE环境变量。

选项1

在index.js文件的基础上添加以下代码。

let debug = require('debug');

debug.enable('axios');

选项2

你能做到的其他方法是使用npm＆＃39; babel-plugin-transform-inline-environment-variables＆＃39; npm包。

运行

npm install babel-plugin-transform-inline-environment-variables

现在在您的react-native app目录中找到.babelrc文件并添加以下代码。

// .babelrc
 {
    “presets”: [“react-native”],
    “plugins”: [
          “transform-inline-environment-variables”
     ]
 }

最后使用以下命令运行您的应用。它将节点env变量DEBUG设置为axios。

DEBUG=axios react-native run-ios
DEBUG=axios react-native run-android