登录后用户信息无法显示，LocalStorage仅存refreshToken问题排查

安全阿岳

2026-7-29

问题排查方案

前端（基于你提供的`userActions.js`、`profile.js`）

登录成功后的存储逻辑检查：
打开userActions.js，找到登录请求的成功回调，确认是否在保存refreshToken的同时，将接口返回的用户详情（邮箱、用户名等）存入LocalStorage。比如是否有类似：
```
localStorage.setItem('refreshToken', response.data.refreshToken);
localStorage.setItem('user', JSON.stringify(response.data.user)); // 这行是否存在？
```
如果只有存refreshToken的代码，那LocalStorage自然没有用户信息，前端组件也就拿不到数据。
用户信息读取逻辑验证：
查看profile.js中获取用户数据的代码，是否正确从LocalStorage读取user字段，比如：
```
const user = JSON.parse(localStorage.getItem('user'));
```
有没有处理user为null的情况，比如组件渲染时是否判断了用户数据存在才显示。
状态管理校验（如果用了状态库）：
如果项目用了Vuex/Redux这类状态管理，确认登录成功后是否将用户信息存入全局状态，导航栏和个人资料组件是否从状态中获取数据，而非仅依赖LocalStorage。

登录接口返回数据检查：
打开Views.py的登录视图函数，确认返回的响应中是否包含用户序列化数据。比如登录接口的Response是否构造了类似：
```
return Response({
    'refreshToken': refresh_token,
    'user': UserSerializer(request.user).data  # 这行是否存在？
})
```
如果只返回了refreshToken，前端自然拿不到用户详情。
用户序列化器字段验证：
查看Serializer.py中的用户序列化器（比如UserSerializer），确认是否包含了邮箱、用户名等需要返回的字段，没有被exclude或者没在fields里声明。比如：
```
class UserSerializer(serializers.ModelSerializer):
    class Meta:
        model = User
        fields = ('id', 'username', 'email')  # 确认这些字段存在
```
个人资料接口校验（如果单独存在）：
如果个人资料页是通过单独的profile接口获取数据，检查Views.py的profile视图是否正确验证用户身份（比如用IsAuthenticated权限类），并且返回完整的用户序列化数据，有没有因为权限问题返回空数据或部分字段。

内容的提问来源于stack exchange，提问作者Talesss