44 lines
1.2 KiB
Markdown
44 lines
1.2 KiB
Markdown
## 配置参数
|
||
- server 服务器地址
|
||
- token 服务器项目token
|
||
## 功能
|
||
- 错误获取 全局拦截错误 以error状态传递到服务器
|
||
- console.log拦截 重写console.log 以console状态传递到服务器
|
||
- 自定义输出 info warning error
|
||
|
||
## 使用技术栈
|
||
- axios
|
||
- es6
|
||
- webpack
|
||
- babel
|
||
## 主要实现
|
||
### 目录结构
|
||
```
|
||
|-dist/ 打包后文件
|
||
|-model/
|
||
| |-console.js 拦截console的主要模块
|
||
| |-errorhook.js 全局拦截错误的主要模块
|
||
| |-custom.js 自定义输出主要模块
|
||
| |-upload.js 将信息上传至服务器的主要模块
|
||
|-main.js 主要配置文件与初始化操作
|
||
|-webpack.config.js webpack配置文件
|
||
```
|
||
> 可能还需要babel配置文件
|
||
### 各模块介绍
|
||
#### console.js
|
||
拦截所有的输出，用console形式上传至服务器，用于获取个性输出，判断输出信息是否正确。
|
||
传递时携带页面地址，最好可以获取调用栈 确定哪个函数调用的
|
||
主要流程
|
||
- 重写console
|
||
- 拦截输出
|
||
- 打印输出 并上传至服务器
|
||
#### errorhook.js
|
||
注册全局事件 捕获全部js的错误输出
|
||
主要流程
|
||
- 注册全局事件
|
||
- 获取错误信息
|
||
- 打印并上传至服务器
|
||
#### custom.js
|
||
|
||
|