biji/前端日志/前端.md

配置参数

• 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