众所周知，前端不能完全信任后端的， 我们经常会做一些特殊处理来兼容可能出现的异常情况, 比如

//接口返回

rs = {
    data : {
        list : [{name : '用户名'}]
    }
}

//前端在渲染列表的时候，往往要进行多次兼容， 就像下面那样

rs && rs.data && rs.data.list && rs.data.list.forEach(function(item, index)
    $('body').append('<div>' + item.name + '</div>');
});

如果某个地方， 忘了做处理， 并且后端返回的接口和我们约定的格式不同，就可能导致页面报错，为了解决该问题， 接口兼容工具应运而生。

我们只要在前端写好一套默认的接口模版， 工具会自动修正接口，并将不满足要求的地方， 转成你设定的默认值。

比如 :

//默认接口模版
var default = {
    count : 0,
    data : {
        list : [{
            name : '默认用户名'
        }]
    }
}
//接口返回
rs = {
    msg : '获取成功'
    count : 99,
    data : {
        list : [{
            name : '小明'
        },{
            name : ''
        },{
             age : 18
        }]
    }
}
//通过工具兼容后的结果
rs = interfaceRepair(default, rs);
{
    count : 99,
    data : {
        list : [{
             name : '小明'
        },{
             name : '默认用户名'
        },{
             name : '默认用户名'
        }]
    }
}

这样， 是不是就能解决你的问题了呢，我们再也不用担心因为接口原因导致页面报错啦

更多详情， 请在github查看哦，  github地址