三用Abp实现短信验证码免密登录：Vue网页端开发( 二 ) _短信验证码

获取用户信息功能
登录成功后我们要拿到当前用户的信息，存入对象，并在页面上简单展示
{{ userInfo }}
创建一个获取当前用户的函数
async getCurrentUser() {await request(`${this.host}${this.prefix}/User/GetCurrentUser`,"get",null).catch((re) => {var res = re.response.data;this.errorMessage(res.error.message);}).then(async (re) => {var result = re.data.result as any;this.userInfo = result;this.token = getToken();clearInterval(this.timer);this.smsSendCd = 0;this.currentVerifyingType = null;this.successMessage("登录成功");});}
此函数将在成功登录之后调用，也用于已登录状态的情况下，打开网页时调用，在函数中，在请求登录api后编写续操作
.then(async (res) => {var data = http://www.kingceram.com/post/res.data.result;setToken(data.accessToken);await this.getCurrentUser();})
退出登录
登出, 将Token以及用户信息置空
退出登录
logout() {setToken(null);this.token = null;this.userInfo = null;},
至此，已完成了所有的工作
最终效果
项目地址
【三用Abp实现短信验证码免密登录：Vue网页端开发】:-

三 用Abp实现短信验证码免密登录：Vue网页端开发( 二 )

三用Abp实现短信验证码免密登录：Vue网页端开发( 二 )