若依 vue 集成CAS

若依（RuoYi）是一个基于SpringBoot和Vue.js的开源后台管理系统，它支持集成CAS单点登录。以下是若依集成CAS的步骤：

1. 在 RuoYi-Vue 项目中，找到 src/main.js 文件，添加如下代码：

// 引入CAS插件
import cas from 'cas-authentication'
Vue.use(cas, {
  protocol: 'http',
  hostname: 'localhost',
  port: 8080,
  context: '/cas',
  login: '/login',
  logout: '/logout',
  validate: '/validate',
  gateway: '/gateway',
  renew: '/renew',
  sso: true,
  serverPath: 'http://localhost:8080/cas'
})

2. 在 RuoYi-Vue 项目中，找到 src/router/index.js 文件，添加如下代码：

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

// 在路由跳转前，检查是否已经登录
router.beforeEach((to, from, next) => {
  if (to.meta.requiresAuth) {
    if (Vue.prototype.$cas && !Vue.prototype.$cas.user) {
      Vue.prototype.$cas.login()
    } else {
      next()
    }
  } else {
    next()
  }
})

3. 在需要进行单点登录验证的页面中，添加如下代码：

export default {
  name: 'MyPage',
  meta: {
    requiresAuth: true
  }
}

以上就是在 RuoYi-Vue 中集成 CAS 单点登录的步骤。