React Native中的Axios请求

7d7tgy0s  于 2023-10-18  发布在  iOS
关注(0)|答案(1)|浏览(149)

我正在尝试使用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请求,我也愿意使用它们。

7y4bm7vi

7y4bm7vi1#

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

选项1

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

let debug = require('debug');

debug.enable('axios');

选项二

另一种方法是使用npm 'babel-plugin-transform-inline-environment-variables' npm包。
运行

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

现在进入react-native app目录下的.babelrc文件,并添加以下代码。

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

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

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

相关问题