uni-app取消console.log

### 如何在 Uni-app 中取消或禁用 `console.log` 输出

为了防止不必要的日志输出影响应用性能，在生产环境中可以考虑禁用 `console.log`。对于 uni-app 应用程序而言，可以在入口文件 `main.js` 中加入特定逻辑来实现这一功能。

当平台不是开发者工具时，则重写全局的 `console.log` 方法为空函数，从而达到屏蔽效果：

if (uni.getSystemInfoSync().platform !== "devtools") {
    console.log = function() {}; // 禁用控制台打印[^1]
}

上述代码片段展示了如何通过判断当前运行环境是否为开发调试模式来进行相应处理。如果是在真实设备上而非模拟器内执行，则会将原本用于记录信息到浏览器/IDE终端的功能替换掉，使得任何调用了该方法的地方都不会再有实际输出行为发生。

需要注意的是，这样做虽然能够有效减少正式版本中的冗余信息干扰，但也可能给后续排查问题带来一定困难。因此建议仅限于发布前做最后优化调整，并保留其他类型的错误提示机制以便维护人员定位潜在缺陷所在。

相关问题

uni-app console.log()

在uni-app中使用console.log()函数有两种常见的用法。第一种用法是在开发环境中调试代码时使用，通过注释或条件语句将console.log()函数禁用，以避免在生产环境中产生多余的输出。例如，可以使用以下代码将console.log()函数禁用：

if (process.env.NODE_ENV !== 'production') {
  console.log = () => {} // 在开发环境中禁用console.log()
} else {
  console.log = () => {} // 在生产环境中禁用console.log()
}

这样做可以在生产环境中去除console.log()语句，提高代码的性能和安全性。

第二种用法是在微信小程序项目中使用console.log()进行调试。由于平台的限制，小程序项目中不支持axios库，而是使用原生的wx.request() API进行网络请求。因此，可以通过在console.log()语句中添加调试信息来查看网络请求的结果或验证代码的执行流程。例如，在微信小程序中可以使用以下代码进行调试：

function balance(url, data) {
  uni.request({
    url: cfg.originUrl + '/wx/mp/js_sig.do',
    data: {
      route: url
    },
    method: 'GET',
    // 其他请求参数...
    success: res => {
      console.log(res) // 打印网络请求结果
    },
    fail: error => {
      console.log("请求失败！", error) // 打印请求失败信息
    }
  })
}

这样可以通过console.log()函数输出的信息来调试网络请求的过程，并查看请求的结果或错误信息。

总结起来，uni-app中的console.log()函数主要用于在开发环境中进行调试和输出调试信息，以及在微信小程序中进行网络请求的调试。在生产环境中，建议将console.log()函数禁用，以保证代码的性能和安全性。如果需要进行更复杂的网络请求操作，可以考虑使用第三方包如@escook/request-miniprogram来发起网络请求，以获得更多的功能和定制选项。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uniapp去除console.log()](https://blog.csdn.net/weixin_53791978/article/details/127477336)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [uni-app微信公众号支付.vue](https://download.csdn.net/download/wqzeus/11460077)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [uni-app项目笔记](https://blog.csdn.net/weixin_49499875/article/details/111292539)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]

uni-app 中uni.$emit 和 uni.$on

uni.$emit和uni.$on是uni-app中用于组件间通信的两个方法。其中，uni.$emit用于触发一个事件，并传递参数，而uni.$on则用于监听这个事件，并在事件触发时执行相应的回调函数。下面是一个示例代码：

// A页面
uni.$emit('eventName', {param: 'value'});

// B页面
uni.$on('eventName', function(data) {
  console.log(data.param); // 输出'value'
});

需要注意的是，uni.$on必须在组件的生命周期函数中调用，否则可能会出现监听不到事件的情况。