“无法在‘Window’上执行‘atob’。”-仅在特定机器上出现错误

Question

我正在尝试使用以下方法检查 angular 应用程序的 JWT 令牌是否过期：

private tokenExpired(token: string) { 
    const expiry = (JSON.parse(atob(decodeURIComponent(token.split('.')[1])))).exp;
    return (Math.floor((new Date).getTime() / 1000)) >= expiry;
}

我收到错误

main-es2015.a58e5846e0db8a93ea88.js:1 ERROR Error: Uncaught (in promise): 
InvalidCharacterError: Failed to execute 'atob' on 'Window': The string to be decoded is not 
correctly encoded.
Error: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly 
encoded.
at A.tokenExpired (main-es2015.a58e5846e0db8a93ea88.js:1)
at A.canActivate (main-es2015.a58e5846e0db8a93ea88.js:1)
at main-es2015.a58e5846e0db8a93ea88.js:1
at A._subscribe (main-es2015.a58e5846e0db8a93ea88.js:1)
at A._trySubscribe (main-es2015.a58e5846e0db8a93ea88.js:1)
at A.subscribe (main-es2015.a58e5846e0db8a93ea88.js:1)
at PB.call (main-es2015.a58e5846e0db8a93ea88.js:1)
at A.subscribe (main-es2015.a58e5846e0db8a93ea88.js:1)
at k (main-es2015.a58e5846e0db8a93ea88.js:1)
at L._innerSub (main-es2015.a58e5846e0db8a93ea88.js:1)
at T (polyfills-es2015.6022d6f28e0500e60d30.js:1)
at T (polyfills-es2015.6022d6f28e0500e60d30.js:1)
at polyfills-es2015.6022d6f28e0500e60d30.js:1
at l.invokeTask (polyfills-es2015.6022d6f28e0500e60d30.js:1)
at Object.onInvokeTask (main-es2015.a58e5846e0db8a93ea88.js:1)
at l.invokeTask (polyfills-es2015.6022d6f28e0500e60d30.js:1)
at i.runTask (polyfills-es2015.6022d6f28e0500e60d30.js:1)
at m (polyfills-es2015.6022d6f28e0500e60d30.js:1)

问题只发生在一台客户端机器上。 我尝试替换空格和新行并使用“window.atob”而不是“atob”，但到目前为止没有任何帮助。

private tokenExpired(token: string) {
    var base64Url = token.split('.')[1];
    var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/').replace(/\s/g, '');
    const expiry = (JSON.parse(decodeURIComponent(window.atob(base64)))).exp;
    return (Math.floor((new Date).getTime() / 1000)) >= expiry;
}

我看了很多类似的帖子，但没有找到可以帮助我的解决方案。 有人能解释为什么这只发生在某些机器上（所有三种浏览器——Chrome、Edge、Firefox）而不是其他机器吗？

Answer 1

清除缓存，cookies，缓存等解决了问题。