单页应用在刷新后丢失自定义头部

Question

我正在开发一个单页面的网络应用程序（使用angularjs和python），用户首先需要用用户名和密码登录。用户登录成功后，会生成一个新的自定义头部，里面带有一个令牌，每次这个应用程序调用python的api时都会发送这个头部。

不过我注意到，如果我刷新页面（按F5或者Ctrl+F5），浏览器就会丢失这个自定义头部，导致它不再发送给api。有没有办法在刷新页面后仍然保留这些自定义头部呢？

Answer 1

把这个令牌存储在 sessionStorage 或 localStorage 里。在你的应用程序启动时（配置或运行的时候），检查一下这些信息，然后设置你的请求头。

如果用户在登录时选择了“记住我”，就把令牌保存在本地存储里；如果没有选择，就把它保存在会话存储里。