dy-log-system

收集网络请求和日志

安装

npm install dy-log-system --save

引用

import Vue from 'vue'
import logSys from 'dy-log-system'

Vue.use(logSys)

使用方法

Vue.use(logSys)之后，在页面的任何位置都可以调用window.dyLogSend()发送日志，方法需要接受三个参数

参数 | 含义 | 可选值 ---|--- |--- type | 日志类型 | error、dadian、all name | 方法名 | 任意值 mdata | 日志数据 | 任意值

window.dyLogSend后扩展两个小方法 window.dyLogSend.error() 和 window.dyLogSend.dadian()小方法不用传type字段

为了不影响生产环境部署时过多修改代码，在调用window.dyLogSend时使用try-catch防止报错

    try{
        window.dyLogSend({
            type:'all',
            name:'fnc',
            mdata:_arr.join('#'),
        })
    }catch(e){e}

    try{
        window.dyLogSend.error({
            name:'fnc',
            mdata:_arr.join('#'),
        })
    }catch(e){e}

    try{
        window.dyLogSend.dadian({
            name:'fnc',
            mdata:_arr.join('#'),
        })
    }catch(e){e}

示例

    //示例1

    ...
    evenTrack:function(obj)
    {
        try {
            var _arr=[];
            for(var i in obj){
                if(obj[i])
                {
                    _arr.push(i+'='+obj[i]);
                }
            }
            console.log(_arr.join('#'))

            try{
                window.dyLogSend.dadian({
                    name:'fnc',
                    mdata:_arr.join('#'),
                })
            }catch(e){e}

            window.J_search.collectInfo(_arr.join('#'));
        } catch (error) {

            console.log('collectInfo-error')
        }
    },

    ...

    //示例2

    defineCallBack:function(_resp,funindex)
    {
       if(typeof(_resp)==='string')
       {
          _resp=JSON.parse(_resp);
       }

        let resolve=window[funindex]
        if(funindex){

            try{
                window.dyLogSend({
                    type:'all',
                    name:'fnc',
                    mdata:_arr.join('#'),
                })
            }catch(e){e}

            ...

        }
        delete window[funindex]
    },