vue中使用 pako.js 解密 gzip加密字符串的方法
更新時間：2019年06月10日 11:56:45 作者：我想當(dāng)個土老板
這篇文章主要介紹了vue項目中 使用 pako.js 解密 gzip加密字符串 的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
前言
今天跟后臺對接一個接口，接受到一個加密的值，說是通過gzip加密過的，然后就蒙蔽了，
趕緊上百度找了一下資料，通過一篇文章（原文在底部）發(fā)現(xiàn)有個js庫可以解密，就下載輕松解密了
實現(xiàn)代碼
poko.js可至Github下載 https://github.com/nodeca/pako or npm install pako
import pako from 'pako'
// 一個是加密：window.btoa()，一個是解密：window.atob()
function decode(encodedData) {
// 先 base64編碼
// 加密：window.btoa()，解密：window.atob()
let decodedData = window.atob(encodedData);
// 字符串轉(zhuǎn)數(shù)組 在循環(huán)返回一個 Unicode表所在位置的新數(shù)組
let charData = decodedData.split('').map(x => x.charCodeAt(0));
// Uint8Array 數(shù)組類型表示一個8位無符號整型數(shù)組，創(chuàng)建時內(nèi)容被初始化為0。創(chuàng)建完后，可以以對象的方式或使用數(shù)組下標(biāo)索引的方式引用數(shù)組中的元素。
let binData = new Uint8Array(charData);
// 調(diào)用pako 解析
let data = pako.inflate(binData);
//接受 Unicode 值，然后返回字符串。
decodedData = String.fromCharCode( new Uint16Array(data));
return decodedData
/**
* 演示：H4sIAAAAAAAAAFWPXQ6AIAyDL2QMavfD/S+m3bIhL1862hVQO8ehAf9gg7g4PmUABM8gDRoyegxX iUljjdhUboRivUipbPEKy0Lk4jbUvYiNrkpIG2ilrXx3vR/pWy5+nrgJlhojzjUjdP5zL5Sz+lo/ AQAA
*
*/
}
export default decode
總結(jié)
以上所述是小編給大家介紹的vue項目中 使用 pako.js 解密 gzip加密字符串的代碼詳解,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
methods是如何綁定this的 methods綁定上下文執(zhí)行環(huán)境是通過bind來進(jìn)行的呢,本文給大家介紹Vue中methods實現(xiàn)原理是什么,感興趣的朋友一起看看吧2023-11-11
這篇文章主要介紹了Vue3中watch的詳解,主要包括Vue2使用watch及Vue3使用watch的方法，通過多種情況實例代碼相結(jié)合給大家詳細(xì)講解，需要的朋友可以參考下2022-11-11
這篇文章主要介紹了vue從使用到源碼實現(xiàn)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
詳解vuex中mutations方法的使用與實現(xiàn)
這篇文章主要為大家詳細(xì)介紹了vuex中mutations方法的使用與實現(xiàn)的相關(guān)知識,文中的示例代碼簡潔易懂,具有一定的學(xué)習(xí)價值,感興趣的小伙伴可以跟隨小編一起了解一下2023-11-11
這篇文章主要介紹了vue如何動態(tài)給data中添加變量問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
在vue中,key是dom對象的標(biāo)識,本文主要介紹了Vue中key的具體使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-06-06
今天小編就為大家分享一篇淺談VUE-CLI腳手架熱更新太慢的原因和解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue中是怎樣監(jiān)聽數(shù)組變化的，幫助大家更好的理解和學(xué)習(xí)vue，感興趣的朋友可以了解下2020-10-10
下面小編就為大家分享一篇淺談VUE監(jiān)聽窗口變化事件的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
Vue3 Element-plus el-menu無限級菜單組件封裝過程
對于element中提供給我們的el-menu組件最多可以實現(xiàn)三層嵌套，如果多一層數(shù)據(jù)只能自己通過變量去加一層，如果加了兩層、三層這種往往是行不通的，所以只能進(jìn)行封裝，這篇文章主要介紹了Vue3 Element-plus el-menu無限級菜單組件封裝,需要的朋友可以參考下2023-04-04