如何在 Angular 应用程序中处理 API 凭据？答案

【问题标题】：How to handle API credentials in an Angular app?如何在 Angular 应用程序中处理 API 凭据？
【发布时间】：2018-04-07 21:03:55
【问题描述】：

我在 Laravel 中创建了一个 API，并且在 Angular 中有一个小型 SPA，它通过用户名和密码登录应用程序并接收令牌。有了这个令牌，你可以用 API 做一些基本的事情。

不能在 Angular 应用程序（纯文本 - javascript 等）中保存凭据（用户和密码）。如何在 Javascript 中处理这种身份验证？什么是最佳做法？

【问题讨论】：

【解决方案1】：

登录后，您可以返回令牌并存储在 localstorage 以供将来使用和刷新，如果您不想手动将令牌放入每个 ajax 调用中，您可以添加到 $http 喜欢：

$http.defaults.headers.common['Authorization'] = 'Bearer ' + storage.token;

我已经在 angularjs 和 laravel 中尝试过这个库： https://github.com/tymondesigns/jwt-auth

【讨论】：