- 在app组件中添加一个名为
get_current_user
的方法,用于获取当前用户数据。 - 方法接受一个
user_id
参数,并使用try-catch
结构处理异常。 - 在
catch
块中设置组件的错误消息为error.message
。 - 在
try
块中,使用API HTTP client
发起GET请求(/users/{user_id}
)来获取用户数据。 - 请求成功后,将响应数据
response.data
赋值给组件的current_user
属性。 - 组件中新增一个
current_user
数据项表示当前登录用户。 - 在某个地方调用
get_current_user
方法,比如在on_login_success
事件中,使用登录成功返回的用户id
作为参数。 - 在模板中使用
v-if
来判断current_user
是否有值,并在div
元素中显示当前登录用户的用户名。 - 测试流程包括输入用户名和密码登录,登录成功后请求并展示当前用户数据。