2020-05-14 16:52:39 +08:00
|
|
|
|
## 配置参数
|
2020-05-14 16:53:09 +08:00
|
|
|
|
- server 服务器地址
|
2020-05-14 16:53:39 +08:00
|
|
|
|
- token 服务器项目token
|
2020-05-14 16:54:09 +08:00
|
|
|
|
## 功能
|
2020-05-14 16:54:39 +08:00
|
|
|
|
- 错误获取 全局拦截错误 以error状态传递到服务器
|
2020-05-14 17:29:09 +08:00
|
|
|
|
- console.log拦截 重写console.log 以console状态传递到服务器
|
2020-05-14 16:56:09 +08:00
|
|
|
|
- 自定义输出 info warning error
|
2020-05-14 16:59:09 +08:00
|
|
|
|
|
|
|
|
|
|
## 使用技术栈
|
2020-05-14 16:59:39 +08:00
|
|
|
|
- axios
|
|
|
|
|
|
- es6
|
|
|
|
|
|
- webpack
|
2020-05-14 17:18:09 +08:00
|
|
|
|
- babel
|
2020-05-14 17:18:39 +08:00
|
|
|
|
## 主要实现
|
2020-05-14 17:21:09 +08:00
|
|
|
|
### 目录结构
|
2020-05-14 17:20:39 +08:00
|
|
|
|
```
|
2020-05-14 17:26:39 +08:00
|
|
|
|
|-dist/ 打包后文件
|
|
|
|
|
|
|-model/
|
2020-05-14 17:22:09 +08:00
|
|
|
|
| |-console.js 拦截console的主要模块
|
2020-05-14 17:23:09 +08:00
|
|
|
|
| |-errorhook.js 全局拦截错误的主要模块
|
2020-05-14 17:24:09 +08:00
|
|
|
|
| |-custom.js 自定义输出主要模块
|
2020-05-14 17:25:39 +08:00
|
|
|
|
| |-upload.js 将信息上传至服务器的主要模块
|
|
|
|
|
|
|-main.js 主要配置文件与初始化操作
|
2020-05-14 17:27:39 +08:00
|
|
|
|
|-webpack.config.js webpack配置文件
|
2020-05-14 17:26:09 +08:00
|
|
|
|
```
|
2020-05-14 17:28:09 +08:00
|
|
|
|
> 可能还需要babel配置文件
|
|
|
|
|
|
### 各模块介绍
|
2020-05-14 17:28:39 +08:00
|
|
|
|
#### console.js
|
2020-05-14 17:30:09 +08:00
|
|
|
|
拦截所有的输出，用console形式上传至服务器，用于获取个性输出，判断输出信息是否正确。
|
2020-05-14 17:42:39 +08:00
|
|
|
|
传递时携带页面地址，最好可以获取调用栈 确定哪个函数调用的
|
|
|
|
|
|
主要流程
|
2020-05-14 17:31:09 +08:00
|
|
|
|
- 重写console
|
2020-05-14 17:38:39 +08:00
|
|
|
|
- 拦截输出
|
2020-05-14 17:39:09 +08:00
|
|
|
|
- 打印输出 并上传至服务器
|
2020-05-14 17:39:39 +08:00
|
|
|
|
#### errorhook.js
|
2020-05-14 17:40:09 +08:00
|
|
|
|
注册全局事件 捕获全部js的错误输出
|
2020-05-14 17:42:39 +08:00
|
|
|
|
主要
|
2020-05-14 17:40:39 +08:00
|
|
|
|
- 注册全局事件
|
|
|
|
|
|
- 获取错误信息
|
|
|
|
|
|
- 打印并上传至服务器
|
2020-05-14 17:41:09 +08:00
|
|
|
|
#### custom.js
|
2020-05-14 17:39:39 +08:00
|
|
|
|
|
2020-05-14 17:39:09 +08:00
|
|
|
|
|
