vue-front-bug-tool Vue前端Bug收集组件
vue 项目的 bug 收集，vue-front-bug-tool这个小工具还挺实用的。前端出问题，尤其是线上 bug，排查起来不太好搞，用这个能把一些关键的信息直接收集回来，挺省事。
LeanCloud 的数据存储做后端，不用你自己搭接口，填一下配置就能用。组件写在front-tool.vue里，放在components文件夹下，像普通组件那样import进来，再注册下就能跑。
如果你不想搞 webpack 打包那一套，它也有非集成化的接入方式，直接通过[removed]引入front-tool.js，浏览器直接挂window.frontTool，老项目也能用，兼容性比较好。
要注意的是，LeanCloud 的分页查询最好配合着来，可以参考这个使用 CQL 实现 LeanCloud 分页查询，对数据量大的情况更友好。
组件使用上没太多复杂逻辑，就是一个 bug 日志收集表单，但你可以自己拓展下，加个用户信息、时间戳什么的，开发环境用得上，线上问题也方便追踪。
如果你做的是后台管理系统、dashboard 之类的页面，像这种dashboard bug记录工具，搭配起来用效果会更好。
建议调试完别忘了改下appId和appKey，还有权限配置别直接全公开，安全性得留心。
如果你项目不是 Vue 写的，也能用它的独立 JS 版本，不挑框架，适配也比较容易。
文件大小：21.55KB
评论区