Skip to content

Commit d6e9fd1

Browse files
committed
N fix
1 parent 8e70333 commit d6e9fd1

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

md/250-用户登录.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,6 @@ SIMPLE_JWT = {
2020
}
2121
```
2222

23-
根据你的开发习惯,改为几秒钟都可以。
24-
2523
## 登录页面
2624

2725
上一章写 `Login.vue` 时已经给登录的表单留好了位置,修改对应位置的代码:
@@ -80,13 +78,15 @@ SIMPLE_JWT = {
8078
.then(function (response) {
8179
const storage = localStorage;
8280
// Date.parse(...) 返回1970年1月1日UTC以来的毫秒数
81+
// Token 被设置为1分钟,因此这里加上60000毫秒
8382
const expiredTime = Date.parse(response.headers.date) + 60000;
84-
// 设置 localStorage
83+
// 设置 localStorage
8584
storage.setItem('access.myblog', response.data.access);
8685
storage.setItem('refresh.myblog', response.data.refresh);
8786
storage.setItem('expiredTime.myblog', expiredTime);
8887
storage.setItem('username.myblog', that.signinName);
8988
// 路由跳转
89+
// 登录成功后回到博客首页
9090
that.$router.push({name: 'Home'});
9191
})
9292
// 读者自行补充错误处理
@@ -121,7 +121,7 @@ SIMPLE_JWT = {
121121
122122
## 显示登录状态
123123
124-
为了让用户在任意位置都知道自己是否处于登录状态,登录显示一般位于页眉中。
124+
为了让用户在任意页面都知道自己是否处于登录状态,登录显示一般位于页眉中。
125125
126126
修改 `BlogHeader.vue` 如下:
127127
@@ -173,7 +173,7 @@ SIMPLE_JWT = {
173173
that.hasLogin = true;
174174
}
175175
// 初始 token 过期
176-
// 申请刷新 token
176+
// 如果有刷新令牌则申请新的token
177177
else if (refreshToken !== null) {
178178
axios
179179
.post('/api/token/refresh/', {
@@ -213,7 +213,7 @@ SIMPLE_JWT = {
213213
- 若令牌已过期,检查是否能刷新获取令牌,若成功则确认用户已登录并更新 localStorage 的状态。
214214
- 其他任何情况下均认为用户未登录,并清空 localStorage。
215215
216-
这种方式没有采取在每次请求中向后端确认用户是否登录,而是根据本地保存的信息进行判断**(当请求“无害”时)**,算是减轻后端压力的取巧办法。
216+
这种方式没有在每次请求中向后端确认用户是否登录,而是根据本地保存的信息进行判断**(当请求“无害”时)**,算是减轻后端压力的取巧办法。
217217
218218
## 看看效果
219219

0 commit comments

Comments
 (0)