没有做单独的登录页面导致的接入后端API失败 #50
Description
问题
在文件 App.vue 中，这一行 App.vue#L45)，获取了当前用户的登录信息，但是 App.vue 是整个应用的入口组件，这表示即使是在登录之前也会获取当前用户的登录信息，并给这里 App.vue#L62 的 user 响应式对象使用，但是 user 只在 App.vue 组件中有效，这意味着没有任何地方可以修改 这个 user 的 属性。
原因
因为上面的问题，在接入 后端 API 后，前端在登录界面就会请求 profile，但因为没有登录，所以接口返回 401，并且没有其他页面可以重新获取 profile。而且因为接口报错，会导致停留在登录界面无法进入 workplace 界面。
在前端开发时候没有出现这个问题是因为前端使用了简单的 mock 来模拟后端的 API，在这个 mock 用例里会永远返回有效的响应。
尝试方法
我尝试了在 routes 中单独做一个登录的 login 路由，但是在登录进入后会将登录的 login 路由显示在左侧的菜单中，不知道是这个项目里哪个部分导致的
解决方案
如果做一个单独登录界面，就能解决这个问题。
可惜的是因为这个问题现在不得不放弃使用这个模板