angular - 在 Angular 4 中使用 Base64 编码

Question

我想使用Base64编码将用户名和密码发送到服务器。

我发现我可以使用 npm 导入以下模块:

    npm install --save angular-base64

我已验证在我的项目文件夹中创建了以下文件夹:node_modules\angular-base64

在我的 component.js 文件中，我尝试使用以下任何一行来导入组件:

    import 'angular-base64/angular-base64'; 

它不会提示导入，但是当我尝试使用以下行时:

    headers.append('Authorization', 'Basic ' + base64.encode('username:temppass'));

它说“找不到 base64”。

Answer 1

您实际上不需要为此目的使用外部库。

The WindowOrWorkerGlobalScope.btoa() method creates a base-64 encoded ASCII string from a String object in which each character in the string is treated as a byte of binary data.

使用 btoa()编码函数:

console.log(btoa("username:temppass")); // dXNlcm5hbWU6dGVtcHBhc3M=

要解码，您可以使用 atob()功能:

console.log(atob("dXNlcm5hbWU6dGVtcHBhc3M=")); // username:temppass

查看支持的浏览器列表 here