@yk-koi/sso

锦鲤sso登录集成说明, 这是旧版 推荐使用yk-sso

使用说明

安装

#安装
npm i @yk-koi/sso

使用

// 在main.js引入@koi/sso
import KOISSO from '@koi/sso'

// 在vue根节点初始化之前使用
KOISSO.init({
  // 接口请求地址,默认为：/
  baseUrl: process.env.VUE_APP_BASE_API,
  // caslogin登录地址前缀,默认为空
  CASE_LOGIN_PATH_PREFIX: '',
  // 锦鲤传递消息回调，接受锦鲤传来的除token外的信息会触发回调
  listenKoiMsg: () => { },
  // 锦鲤登录地址使用https协议，默认不使用
  useHttps: false
}).then(data => {
  // 这里data就是根据titck获取到的信息包含tgcd等
  // 这这里根据项目需求做一下登录后的操作，比如储存用户名，token之类的，和原有项目保持一致
  store.dispatch('user/loginSuccess', data).then(() => {
    // 信息设置完以后才渲染页面
    renderRootVue()
  })
}).catch(() => {
  // 根据ticket获取用户信息失败时，回退显示（根据项目设置，默认应该会显示登录页面），按自己需求看是否需要回退显示
  renderRootVue()
})
// 渲染页面
function renderRootVue() {
  new Vue({
    el: '#app',
    router,
    store,
    render: h => h(App)
  })
}

// store的登录成功'user/loginSuccess'方法示例
// 注意：这里只是示例，实际使用按自己项目的需求来
async loginSuccess({ commit, dispatch }, userInfo) {
  commit('set_authorities', userInfo.authorities)
  commit('SET_NAME', userInfo.username)
  setToken(userInfo.tgc)
  sessionStorage.setItem('VSRUSER', JSON.stringify(userInfo))
  // 挂载路由
  const accessRoutes = await dispatch('permission/generateRoutes', userInfo.authorities, { root: true })
  router.addRoutes(accessRoutes)
}

401及退出登录处理

// 退出登录是需调用KOISSO.loginOut()，视项目情况自行修改