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