在 React Native 中调试 Axios 请求

【问题标题】：Debugging Axios requests in React Native在 React Native 中调试 Axios 请求
【发布时间】：2018-03-22 16:03:30
【问题描述】：

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

我已添加库：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 请求，我也会愿意使用这些。

【问题讨论】：

【解决方案1】：

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

选项 1

在 index.js 文件的顶部添加以下代码。

let debug = require('debug');

debug.enable('axios');

选项 2

其他方法是使用 npm 'babel-plugin-transform-inline-environment-variables' npm 包。

运行

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

现在进入你的 react-native 应用目录中的 .babelrc 文件并添加以下代码。

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

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

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

【讨论】：