Vue-pako gizp解压，中文乱码解决

项目中后端返回数据为加密的，需要gizp解压，发现可以使用pako来进行解压

npm install pako  // 这里进行下载

在你需要使用的页面或者全局导入

import pako from 'pako'  

网上搜到的方法都是复制粘贴基本上都是这样使用的

unzip(response.data)
function unzip(b64Data) {
    var strData = atob(b64Data)
    var charData = strData.split('').map(function(x) { return x.charCodeAt(0) })
    var binData = new Uint8Array(charData)
    var data = pako.inflate(binData) 
    strData = String.fromCharCode.apply(null, new Uint16Array(data))
    response.data = JSON.parse(strData);
    //  解压出来的数据中，中文全是乱码，没法渲染页面
}

我发现解压出来的中文全是乱码，开始以为是pako不行，去寻找其它方法，发现不怎么好实现，自己就进行一步一步的打印和调试，发现问题根本没有出在pako上，而是Uint8Array 这出的问题，需要再处理一次 ，直接开始上代码

unzip(response.data)
function unzip(b64Data) {
    var strData = atob(b64Data)
    var charData = strData.split('').map(function(x) { return x.charCodeAt(0) })
    var binData = new Uint8Array(charData)
    var data = pako.inflate(binData)   
    // 这次我们只是需要将代码转换到这一步，再调用下面的函数就可以了，对比上面少了两步
    Utf8ArrayToStr(data); 
    //  执行这步再调用函数将数据处理一次 就不会出现乱码的情况
}

再执行第二步的处理

function Utf8ArrayToStr(array) {
    var out, i, len, c;
    var char2, char3;

    out = "";
    len = array.length;
    i = 0;
    while(i < len) {
    c = array[i++];
    switch(c >> 4)
    { 
    case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7:
        // 0xxxxxxx
        out += String.fromCharCode(c);
        break;
    case 12: case 13:
        // 110x xxxx   10xx xxxx
        char2 = array[i++];
        out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F));
        break;
    case 14:
        // 1110 xxxx  10xx xxxx  10xx xxxx
        char2 = array[i++];
        char3 = array[i++];
        out += String.fromCharCode(((c & 0x0F) << 12) |
                    ((char2 & 0x3F) << 6) |
                    ((char3 & 0x3F) << 0));
        break;
    }
    }
    response.data = JSON.parse(out);
    console.log(JSON.parse(out));
}

然后就完美解决了