前端框架升级-支持st认证

以下为前端框架支持st认证的升级方法

本次修改大概涉及的文件如下：（其他文件按业务自行调整）

1. 使用插件，引入依赖 `@flyriselink/pai-auth-api`

// package.json

"@flyriselink/pai-auth-api": "^2.0.1",

2. util 文件夹下新建文件 `auth.js`

// auth.js

import AuthApi from '@flyriselink/pai-auth-api'

const Auth = new AuthApi({
  origin: process.env.SERVER_URL,
  baseURL: process.env.REQUEST_BASE_URL,
  redirectQueryClearKeys: ['st', 'token'],
})
export default Auth

注意：origin 与 baseURL 参数，一般全局定义在nuxt.config.js

// 开发过程的接口域名
const SERVER_URL = env.NODE_ENV === 'development' ? 'https://lingyun.flyrise.cn' : ''

// 接口前缀
const REQUEST_BASE_URL = env.NODE_ENV === 'development' ? '/api' : ``

3. `store/actions.js` 里写入

// store/actions.js

import Auth from '@/util/auth'
const isAuth = process.env.isAuth || process.env.AuthEnable
const actions = {
  async init({ commit, dispatch }) {
    if (isAuth) {
      await dispatch('tokenLoad')
    }
  },
  async tokenLoad({ commit }) {
    // 获取凭证
    const token = isAuth
      ? await Auth.getToken({
          // 注释掉stay设置，token不存在会直接前往认证中心
          stay: true,
        })
      : ''
    commit('tokenUpdate', token)

    // 兼容
    // commit('SET_TOKEN', {
    //   token: token,
    // })
  },
  // ...原代码
}

4. `store/mutations.js` 里写入

// store/mutations.js

import Auth from '@/util/auth'
const mutations = {
  // 设置token
  tokenUpdate: (state, token) => {
    state.token = token
  },
  // ...原代码
}

修改原来退出/登录的代码

  SET_LOGOUT: (state, token) => {
    state.token = ''
    Auth.logout()
    Cookies.remove(TOKEN_KEY)
  },

5. `plugins/auth-router.js` 里调整

在app.router.beforeEach 前面一行加上

await store.dispatch('init')

去除原Cookies 改成 store.state.token

    if (whiteList.includes(to.path)) {
      // 白名单通过
      next()
    } else if (store.state.token) {
      // 许可通过
      next()
    } else {
      // 重登录
      next()
      if (process.client) {
        window.parent.postMessage({ cmd: 'ReLogin' }, '*')
      }
    }

6. 额外说明！！！

此方法将可替代原 cookies 获取 token，
因此，原来的方法可以，改成 $store.state.token，或者 await Auth.getToken({ stay: true }), 参考以下截图
如步骤3中不写兼容方法，以下文件需要同步修改
需同步修改的文件pai-sp-ui.js、pai-ui.js、request.js、default.vue