在 Angular 4 中使用 Base64 编码答案

【问题标题】：Using Base64 encoding in Angular 4在 Angular 4 中使用 Base64 编码
【发布时间】：2018-02-04 20:11:03
【问题描述】：

我想使用 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”。

【问题讨论】：

【解决方案1】：

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

WindowOrWorkerGlobalScope.btoa() 方法创建一个 base-64 编码来自 String 对象的 ASCII 字符串，其中每个字符 string 被视为二进制数据的字节。

使用btoa()函数进行编码：

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

要解码，可以使用atob()函数：

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

查看支持的浏览器列表here

【讨论】：