退出的功能

// 退出功能
logout() {
  // 调用确认对话框组件的实例方法
  this.$confirm('你确定要离开吗?, 是否继续?', '提示', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    type: 'warning'
  }).then(async() => {
    // 使用 dispath 调用退出登录的方法
    await this.$store.dispatch('user/userLogout')

    // 跳转到登录页面
    this.$router.push('/login?ReturnUrl=' + this.$route.fullPath)

    // 退出成功后的提示
    this.$message({
      type: 'success',
      message: '退出成功!'
    })
  }).catch(() => {
    // 取消退出提示
    this.$message({
      type: 'info',
      message: '以取消退出',
      duration: 1500
    })
  })
}

 在 store/modules/user.js 中创建退出的 actions 方法
const actions = {
  // 退出功能
  userLogout(context) {
    // 移除 token
    context.commit('removeToken')
    // 移除 userInfo
    context.commit('reomveUserInfo')
  }
}