uniapp uni-icons组件自定义图标

解密时遇到的前端报错 Malformed UTF-8 data

根据示例从阿里网站下载图标安装，但custom-prefix没有尝试成功，用的font-family直接再组件上使用的。我要吐槽的是，每次都要下载图标字体，占用的空间比较大，每个字体都是 > 1kb < 2kb。使用的uniapp的uni-icon组件添加。需要有自定义图表添加，满足需求。下面是详细使用截图。

使用了base64 但crypto-js解密报错malformed utf-8 data

java 加密js 解密，报错 Uncaught Error: Malformed UTF-8 data js 端 原因是字符串有换行符，Base64 生成出现换行，改为NO_WRAP

但下图代码里的mb_detect_encoding还存在字符串较短时判断不准的情况，最后也不折腾了。因为将原文参数用json.encode转字符串后返回的就是UFT-8格式的数据，加密也不至于改格式。我后端本来就在AES加密后，又用Base64加密了。并且虽然后端用了Base64加密，但我前端用的AES解密插件自带Base64解密，所以搞定。我发现我用的256，但密钥很短，百度了一个AES密钥在线生成器，新密钥换上后问题解决。前端倒是本来没有Base64解密，但加上后仍然报同样的错。先在前端转，比较麻烦。

在抠密钥的时候注意，js代码中有两个密钥，如果抠。第一，刷新网站，进行加密分析，然后看调用的堆栈。简单明了，直接点击红框里的js定位。打上断点，点击进入加密函数。

【参考文章】 ①https://www.jb51.net/article/111560.htm ②https://segmentfault.com/a/1190000017540855?utm_source=tag-newest 【实现】 下载上述①中需要的两个js文件放置项目中； 发现程序报错：Malformed UTF-8 data 参考②中方法更正： ,//加密 ...

本文说明：B站学习笔记整理，仅供学习参考~~网站：https://jzsc.mohurd.gov.cn/data/company。

开发中，需要加密返回的json格式敏感数据，不方便让它明文传输。所以参考https://www.jianshu.com/p/34c15b8d025a文章，匹合java端，前端用Crypto-JS实现。但是在解密时，报了错 Malformed UTF-8 data 。 遇到问题，第一步干嘛？百度。（因为英文不好，还不会用google，每当这个时候，我有种重修英文的愿望，碍于工作较忙，或者什么甚它...

NCC打开单据问题 Malformed UTF-8 data 找到ncchome目录下的 miscellaneous.xml 文件，全部设置成false 路径：ncchome\hotwebs\nccloud\WEB-INF\config

AES 加密报错：cryptojs.all.js:448 Uncaught Error: Malformed UTF-8 data 原因可能是因为加密和解密的key 不一样。。。

项目部署到linx下时，前端AES解密报Malformed UTF-8 data Malformed UTF-8 data是指utf-8数据的格式不正确，可能是由于后端加密字符串中会自动的加入换行符 解决方式 windows下 windows下也会发生类似的错误，在后台中对加密字符串进行以下操作即可。 encrypt = encrypt.replaceAll(System.lineSeparator(), "");//将换行符替换为空，encrypt 为加密后的字符串 其中System.lineSep