1. 采用pako进行数据压缩

  1. <template>
  2. <div>
  3. <button @click="handle">12121</button>
  4. </div>
  5. </template>
  6. <script>
  7. const pako = require('pako')
  8. export default {
  9. methods: {
  10. handle() {
  11. const test = {
  12. title: '高校典型应用',
  13. caseList: [
  14. {
  15. logo: 'https://m.vxiao.cn/commons/file/8x4xm6n1lsz1babwj1thcyst',
  16. name: '通知书',
  17. remark: '支持发送h5通知书,告知新生迎新流程'
  18. }
  19. ]
  20. }
  21. const stringify = JSON.stringify(test)
  22. const compressed = pako.deflate(stringify)
  23. const strSize = unescape(encodeURIComponent(stringify)).length
  24. const blobSize = new Blob([stringify]).size
  25. console.log(strSize, 'strSize ')
  26. console.log(blobSize, 'blobSize ')
  27. console.log(compressed, 'compressed ')
  28. const restored = JSON.parse(pako.inflate(compressed, { to: 'string' }))
  29. console.log(restored, 'restored ')
  30. }
  31. }
  32. }
  33. </script>