js base64解码JWT失败：VM273:1 Uncaught DOMException: Failed to execute 'atob' on 'Window': The string to

﹏ヽ暗。殇╰゛Y 2023-07-01 08:49 1阅读 0赞

前端获取后端服务生成JWT，利用js方法base64解码payload段：

window.atob("eyJzdWIiOiJ0ZXN0MyIsInVzZXJJZCI6IjEwMTY5MiIsIm5hbWUiOiLmtYvor5V0ZXN0M-a1i-ivlSIsImV4cCI6MTU3OTUxMTY0OH0");

结果报错：

VM273:1 Uncaught DOMException: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.

\---------------------------------------------------------------------------

原因就是：编码的字符串中含有“-”或者“\_”。正确的base64编码的字符串是：

![20200120162918213.png][]

\-----------------------------------------------------------------------------

解决办法（此方法也解决了中文乱码问题）：

decodeURIComponent(escape(window.atob(("eyJzdWIiOiJ0ZXN0MyIsInVzZXJJZCI6IjEwMTY5MiIsIm5hbWUiOiLmtYvor5V0ZXN0M-a1i-ivlSIsImV4cCI6MTU3OTUxMTY0OH0").replace(/-/g, "+").replace(/_/g, "/"))));

\-------------------------------------------------------------------------------

至于为什么，不在后端修改而跑到前端去replace，我也不是很清楚，我只是参考了官网页面解析JWT的相关js代码：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMxODk4MjQ_size_16_color_FFFFFF_t_70][]

[20200120162918213.png]: https://img-blog.csdnimg.cn/20200120162918213.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMxODk4MjQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200120163336719.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMxODk4MjQ=,size_16,color_FFFFFF,t_70

js base64解码JWT失败：VM273:1 Uncaught DOMException: Failed to execute 'atob' on 'Window': The string to

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 js base64解码JWT失败：VM273:1 Uncaught DOMException: Failed to execute 'atob' on 'Window': The string to

相关解决iframe报错：Uncaught DOMException: Failed to read the ‘localStorage‘ property from ‘Window‘: Access

相关 Failed to execute ‘createObjectURL‘ on ‘URL‘: Overload resolution failed.

相关 UE报错：Uncaught TypeMismatchError: Failed to execute 'removeAttributeNode' on 'Element'解决方案

相关 canvas.toDataURL报错: Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement'

相关 jquery.js:3827 Uncaught DOMException: Failed to execute 'send' on 'WebSocket 解决办法

相关 DOMException: Failed to execute 'setAttribute' on 'Element': ',' is not a valid attribute name

相关 Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': '#' is not a valid attribute

相关 Three贴图跨域：DOMException: Failed to execute ‘texImage2D‘ on ‘WebGLRenderingContext

相关 js base64编码解码 btoa atob 函数简介