vue 项目 用户数据请求？

Question

场景描述：
目前项目将用户数据请求放在 App.vue 文件的 mounted 中
而在路由拦截器中，会去判断用户是否为空
当页面需要认证且用户数据为空时，路由会跳转到/login
问题描述：
当首次进入页面时，会先经过路由拦截器，再到 App.vue 中，调用请求数据的方法
所以在 App.vue 中请求数据似乎不是很合理

各位大佬平时在项目中是怎么实现的呢？

Answer 1

在login界面登录，登录成功后把token放在cookie中，然后重定向到首页，在app.vue中获取用户详情，路由拦截器中根据cookie中的token判断是否已登录