搭建前端监控，如何采集异常数据？( 五 ) _异常

获取到用户信息和页面信息，接下来就是当前环境了。和 Vue 一样通过 --mode 来指定模式，并加载相应的环境变量，只不过设置方法略有不同。大多数的 React 项目可能都是用 -react-app 创建的，我们以此为例介绍怎么修改。
首先，打开 /start.js 文件，这是执行 npm run start 时执行的文件，我们在开头部分第 6 行加代码：
process.env.REACT_APP_ENV = 'dev';
没错，我们指定的环境变量就是，因为只有开头的环境变量可被读取。
然后再修改 /build.js 文件的第 48 行，修改后如下：
if (argv.length >= 2 && argv[0] == '--mode') {switch (argv[1]) {case 'staging':process.env.REACT_APP_ENV = 'test';break;case 'production':process.env.REACT_APP_ENV = 'pro';break;default:}}
此时获取 env 环境时就可以这么获取：
{env: process.env.REACT_APP_ENV;}
总结
经过前面一系列操作，我们已经比较全面的获取到了异常数据，以及发生异常时到环境数据，接下来就是调用上报接口，将这些数据传给后台存起来，我们以后查找和追踪就很方便了。
如果你也需要前端监控，不妨花上半个小时，按照文中介绍的方法收集一下异常数据，相信对你很有帮助。
·················若川简介·················
你好，我是若川，毕业于江西高校。现在是一名前端开发“工程师” 。写有《学习源码整体架构系列》20余篇，在知乎、掘金收获超百万阅读。
从2014年起，每年都会写一篇年度总结，已经坚持写了8年，点击查看年度总结。
同时，最近组织了源码共读活动，帮助4000+前端人学会看源码。公众号愿景：帮助5年内前端人走向前列。
扫码加我微信、拉你进源码共读群
今日话题
目前建有江西|湖南|湖北籍前端群，想进群的可以加我微信进群。分享、收藏、点赞、在看我的文章就是对我最大的支持