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

最新推荐文章于 2024-08-05 11:33:42 发布
最新推荐文章于 2024-08-05 11:33:42 发布
阅读量3.3w 收藏 16
点赞数 9
分类专栏： js 文章标签： js base64 jwt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013189824/article/details/104053452
版权

前端获取后端服务生成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编码的字符串是：

-----------------------------------------------------------------------------

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

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

-------------------------------------------------------------------------------

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

 

 

-小末
关注
专栏目录
Failed to execute ‘atob‘ on ‘Window‘: The string to be decoded is not correctly encode解决方案
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
12-25 8031
这个错误消息是JavaScript中的一个常见错误，它发生在你尝试使用atob()函数解码一个不是有效Base64编码的字符串时。atob()函数用于将一个Base64编码的字符串解码为二进制数据。atob()atob()这个函数会先检查输入字符串是否是有效的Base64编码，如果不是，就会抛出一个错误。然后，它会检查输入字符串的长度是否是4的倍数，如果不是，就会在其后添加等号’='，使其长度成为4的倍数。最后，它会调用atob()函数来解码输入字符串。
Failed to execute ‘atob‘ on ‘Window‘: The string to be decoded is not correctly encoded.报错解决
jiangjunyuan168的博客
01-20 1826
根据报错提示不难看出，是需要...
浏览器video标签增加自动播放设置默认图片 Uncaught (in promise) DOMException: play() failed
最新发布
天生欧皇张狗蛋
08-05 286
一、设置自动播放video video标签设置默认图片。
Failed to execute atob on Window
liyichuanZhengzhou的博客
05-28 9126
解决方案：去掉 base64 中开头的 data:image/png;base64, 即可。
Failed to execute ‘atob‘ on ‘Window‘: The string to be decoded is base64转blob,base64转file下载
qq_51389137的博客
06-09 904
这种base64和常见的编码不同需要decodeURIComponent转译。错误因为atob解码失败。
Uncaught DONException: Failed to execute ‘atob‘ on “window ‘: The string to be decoded is not carrec
weixin_44819874的博客
03-11 1万+
在console出现了标题这段报错，原因是编码的字符串中含有“-”或者“_”。解决办法如下： // 将上面这段改为下面这段代码 //var bstr = atob(arr[1]); var bstr = decodeURIComponent(escape(atob(arr[1])));
decode-jwt:一个执行base64编码和解码的go库
05-12
解码jwt Go库可帮助您解码JSON Web令牌（JWT） 请阅读 ，了解有关JWT的更多详细信息 如何使用这个库 您可以克隆此库并运行以下命令： go run jwtDecode.go -jwt=awtee123455 如果您不提供-jwt的参数，那么您将...
java各种工具类：精确的数学运算、将String进行base64编码解码、树的递归、判断是否为空等
03-08
java各种工具类：精确的数学运算、将String进行base64编码解码、树的递归等 包含：ArithmeticUtils、Base64Util、BitConverterUtil、BuildTreeFor1077、CaculateDistanceUtil、CloseUtil、ConvertUtil、...
jwthelper：JWT令牌生成器
02-24
JWT令牌生成器 生成私钥（jwt.salt）和jwt令牌的助手 该泊坞窗映像有助于快速创建私钥和JWT令牌。 可用版本 您可以通过“ 页面查看所有可从Docker Hub提取的图像。 以“更改类型”字词开头的Docker标记名称（例如...
demo-twilio-backend-nodejs:一个示例后端，演示了如何生成用于通过Virgil和Twilio服务进行身份验证的Virgil JWT和Twilio令牌
05-02
Twilio用于Node.js的示例后端 该存储库包含一个示例后端代码，该示例代码演示了如何结合使用Virgil和Twilio JWT生成，这些生成用于通过Virgil和Twilio服务进行身份验证。 不要在生产中使用此身份验证。 经过身份...
node-jwt-simple：用于node.js的JWT（JSON Web令牌）编码和解码模块
02-21
jwt-简单 ...// let secret = Buffer.from('fe1a1915a379f3be5394b64d14794932', 'hex') // encode let token = jwt . encode ( payload , secret ) ; // decode let decoded = jwt . decode ( token
Uncaught DONException: Failed to execute ‘atob‘ on “window ‘: The string to be decoded is not carrec...
jyf_568的博客
09-22 1万+
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABGU.... 报错是因为没有去除data:image/png;base64,应只要后面的文件流 1. base64 ： 可以直接当作链接地址使用 1 data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABGU.... 2. F...
window.atob java_错误：无法在'Window'上执行'atob'：要解码的字符串未正确编码(Error:Failed to execute 'atob' on 'Window': Th...
weixin_29228781的博客
02-26 1万+
错误：无法在'Window'上执行'atob'：要解码的字符串未正确编码(Error:Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded)这是我的Javascript代码function upload(){var byteCharacters = atob($scope.im...
微信小程序 Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded（二）
热门推荐
迷茫的小亮仔的博客
05-07 2万+
今天来接着上篇博客的说，因为这个问题，是由上篇问题处理之后发生的问题，我自己都不知道说啥好了，原因：不细心造成的 我要做的功能是根据后端返回的openid session_key 2个值，来获取手机号，然而手机号是密文，我需要获取明文，这就需要解密啦，于是百度手机号解密问题，就出现了cryptojs解密工具类，一个大牛封装的，一般前端都会用这个用来解密，地址如下： https://gith...
转换Base64编码报错Uncaught DOMException: Failed to execute ‘btoa‘ on ‘Window‘: The string to be encoded co
橙-极纪元-cplvfx-JJY.Cheng
01-02 1186
转换Base64编码报错Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.
atob解码图片base64时候报错
phillip318的专栏
05-22 1万+
最近在改一个bug， 使用图片的base64编码 进行压缩时一直报错，Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded 深入查看原因后，发现是base64 在被传入 atob函数时报的错误， atob有过初略的了解应该是解码之类的函数，那应该错误的原因就是解码失败了。 经过多次调试，发现了问题所在， 正常情况如上图 是可以使用atob解码 base64的 但..
Uncaught DOMException: Failed to execute ‘btoa‘ on ‘Window‘报错：解决方法
qq_34082921的博客
10-24 4047
原因是加密的的字符串中有特殊字符那些，所以得先使用window.encodeURIComponent编码再加密。
base64转文件（blob）遇到的一个问题
emailboxbox的博客
02-07 3609
在过程中，发现报错如下： failed to execute 'atob' on 'window': the string to be decoded is not correctly encoded. 后来在看atob和btoa的demo时发现base64字符串仅仅是后面的乱七八糟字符串好吗，没有前面的名片。 var str = "Hello World!"; var enc = window.btoa(str); var dec = window.atob(enc); var res = "En
Base64报错：Uncaught DOMException: Failed to execute ‘btoa‘ on ‘Window‘: The string to be encoded conta
live的专栏
01-27 6108
Base64报错：Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range. 原因：Base64不支持中文转码 解决方案：先进行url转码，再进行Base64转码 转换过程示意： str --> uriStr --> uriBase64Str --> uriStr -->
:8080/favicon.ico:1 Failed to load resource: the server responded with a status of 401 ()
07-24
错误信息 `Failed to load resource: the server responded with a status of 401` 指示服务器返回的状态码为401，这是一个未授权状态。这意味着浏览器尝试访问资源时收到了安全凭证请求，但由于缺少正确的凭据（如用户名和密码），访问被拒绝。 ### 解决方案： 1. **权限配置**： - 确保服务器端已正确配置了HTTP基本认证（Basic Authentication）。在您的服务器设置中检查 .htaccess 文件或其他相应的服务器配置文件，确保它们包含正确的身份验证规则。 示例 `.htaccess` 配置（适用于 Apache）： ```apacheconf AuthType Basic AuthName "Your Site" AuthUserFile /path/to/your/passwords.txt Require valid-user ``` 这里 `/path/to/your/passwords.txt` 应指向包含用户名称和密码的文件路径。确保该文件有适当的权限设置。 2. **检查身份验证规则**： - 确认 .htaccess 或其他服务器配置文件中的规则是否允许匿名访问或特定用户的访问。如果使用的是更复杂的认证机制，比如 OAuth、JWT 或自定义脚本，请确保所有相关的环境变量、证书和其他依赖项都已正确设置并可以正常运行。 3. **查看服务器日志**： - 检查服务器的日志文件，寻找关于此问题的详细错误信息或调试线索。这通常会提供更多的上下文信息帮助定位问题所在。 4. **确认客户端访问权限**： - 有时，问题可能是由于客户端浏览器的安全策略导致的，尤其是在启用了强HTTPS安全性的环境下。确保服务器上的内容也是通过HTTPS提供的，并且客户端浏览器信任服务器颁发的SSL/TLS证书。 5. **修改浏览器设置**： - 如果您只是需要临时绕过认证而直接访问资源，您可以尝试修改浏览器的缓存设置或清除浏览器缓存。某些浏览器允许您更改代理设置以绕过认证，但这通常不是最佳实践并且可能会受到限制。 6. **联系管理员**： - 如果以上步骤都无法解决问题，那么最直接的方式是联系网站的所有者或系统管理员寻求帮助。他们将能访问服务器的后台控制面板并进行必要的调整。 ### 相关问题: 1. **如何配置Apache服务器以启用HTTP基本认证？** 2. **如何解决浏览器因安全策略阻止加载受保护资源的问题？** 3. **在使用JWT进行认证的场景下，遇到401响应时应该采取哪些步骤？**
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值