如何在angularjs 2/4/5应用程序中编码用户凭据并在PHP中使用

Question

我是angularjs的新手。我正在尝试创建具有一定安全性的登录应用程序。我在服务器端（php）使用JWT令牌身份验证。 当我将http请求传递给服务器时，我使用下面的代码

    login(username: string, password: string) {
     const HEADER = { headers: new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded' }) };
    return this.http.post<any>(this.loginPageUrl, JSON.stringify({ username: username, password: password }),HEADER)
        .map(user => {
            // login successful if there's a jwt token in the response
            if (user && user.token) {
                console.log(user.token);
                // store user details and jwt token in local storage to keep user logged in between page refreshes
                localStorage.setItem('currentUser', JSON.stringify(user));
            }

            return user;
        });
}

在这种情况下，用户凭据可以在＆＃34; XHR＆＃34;下的任何浏览器中轻松查看。如下所示

表单数据 查看解析 {＆＃34;用户名＆＃34;：＆＃34; DD＆＃34;＆＃34;密码＆＃34;：＆＃34; DD＆＃34;}

如何隐藏/编码此数据？