javascript - Angularjs:在http请求 header 上设置授权

Question

在 Angularjs 中，我有一个登录页面，如果用户成功登录，我会在后续的 http 请求 header 中将授权属性设置为默认值:

$http.defaults.headers.common.Authorization = 'Bearer ' + data.access_token;

因此，每当我发出请求时， header 中都会显示授权参数并且所有内容都有效。问题是，如果我刷新页面， header 请求中不存在授权参数，并且请求失败。

如果我在 header 中将授权参数设置为默认值，为什么不显示授权参数？

Answer 1

当您刷新页面时，所有 JavaScript 内存数据都会消失。您需要将不记名 token 存储在浏览器本地存储中，并从本地存储中取回它，并在页面重新加载时再次将其设置在公共(public) header 中。

You can check the localstorage working here