学企来从pc学习端点击消息直接跳转管理端审核——token一样

最新推荐文章于 2024-08-18 10:26:27 发布

小曲曲

最新推荐文章于 2024-08-18 10:26:27 发布

阅读量116

点赞数 1

分类专栏： vue 文章标签：学习

本文链接：https://blog.csdn.net/weixin_43848576/article/details/141228266

版权

vue 专栏收录该内容

141 篇文章 3 订阅

订阅专栏

在这里插入图片描述

pc端跳转

// 各个环境的地址
let url = location.protocol.includes("https")
  ? "https://***.cn"
  : location.origin.includes("test.***.cn")
  ? "http://***:4000"
  : "http://***"; //http://192.168.2.89:80 本地
let token = this.$store.state.token.replace("Bearer ", "");
location.href = url + "/qualityTrain/questionBank?token=" + token;

管理端 permission.js中路由前置守卫自动登录

import store from './store'
router.beforeEach((to, from, next) => { 
  // pc端消息跳转管理端自动登录（以下三个页面，参数携带token）   
  if ((['/auditManagement/trainAudit', '/auditManagement/systemAudit', '/answer/question', '/qualityTrain/templateAudit'].includes(to.path)) && to.query.token) {
    store.dispatch("autoLogin", to.query.token).then(() => {
      next()
    })
  }
})

vuex

// 自动登录
autoLogin({ commit }, token) {
  return new Promise((resolve, reject) => {
    setToken(token);
    commit("SET_TOKEN", token);
    setExpiresIn(720);
    commit("SET_EXPIRES_IN", 720);
    resolve();
  });
},

完整代码

 messageDetails(item) {
      this.$refs.messageRef.doClose();
      if (item.type == 0) {
        this.$axios
          .get("/other/record/updateType?recordId=" + item.recordId)
          .then((res) => {});
      }
      if ([4, 5, 6, 10, 11].includes(item.messageType * 1)) {
        console.log(location);
        let url = location.protocol.includes("https")
          ? "https://***.cn"
          : location.origin.includes("test.***.cn")
          ? "http://***:4000"
          : "http://***"; //http://192.168.2.89:80 本地
        let token = this.$store.state.token.replace("Bearer ", "");
        if (item.messageType == 10) {
          location.href =
            url +
            "/qualityTrain/questionBank?examineLibraryId=" +
            item.questionId +
            "&token=" +
            token;
        } else if (item.messageType == 11) {
          location.href =
            url + "/qualityTrain/templateAudit?token=" + token;
        } else {
          location.href = [
            url + "/auditManagement/trainAudit?token=" + token,
            url + "/auditManagement/systemAudit?token=" + token,
            url +
              "/answer/question?questionId=" +
              item.questionId +
              "&token=" +
              token,
          ][item.messageType * 1 - 4];
        }
      } else {
        this.$router.push(
          [
            "/course",
            "/xql_exam/exam",
            "/xql_my/feedback",
            "",
            "",
            "",
            "/quality_train/knowledge",
            "/quality_train/myExam",
            "/quality_train/errors?tab=2",
            "",
          ][item.messageType * 1 - 1]
        );
      }
    },

import router from './router'
import store from './store'
import { Message } from 'element-ui'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import { getToken } from '@/utils/auth'
import { isRelogin } from '@/utils/request'

NProgress.configure({ showSpinner: false })

const whiteList = ['/login', '/auth-redirect', '/bind', '/register']

router.beforeEach((to, from, next) => {
  NProgress.start()
  // pc端消息跳转管理端自动登录（以下三个页面，参数携带token） 
  if ((['/auditManagement/trainAudit', '/auditManagement/systemAudit', '/answer/question', '/qualityTrain/templateAudit'].includes(to.path)) && to.query.token) {
    store.dispatch("autoLogin", to.query.token).then(() => {
      next()
    })
  }

  if (getToken()) {
    to.meta.title && store.dispatch('settings/setTitle', to.meta.title)
    /* has token*/
    if (to.path === '/login') {
      next({ path: '/' })
      NProgress.done()
    } else {
      if (store.getters.roles.length === 0) {
        isRelogin.show = true
        // 判断当前用户是否已拉取完user_info信息
        store.dispatch('GetInfo').then(() => {
          isRelogin.show = false
          store.dispatch('GenerateRoutes').then(accessRoutes => {
            // 根据roles权限生成可访问的路由表
            router.addRoutes(accessRoutes) // 动态添加可访问路由表
            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
          })
        }).catch(err => {
          store.dispatch('LogOut').then(() => {
            Message.error(err)
            next({ path: '/' })
          })
        })
      } else {
        next()
      }
    }
  } else {
    // 没有token
    if (whiteList.indexOf(to.path) !== -1) {
      // 在免登录白名单，直接进入
      next()
    } else {
      next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
      NProgress.done()
    }
  }
})

router.afterEach(() => {
  NProgress.done()
})


actions: {
    // 自动登录
    autoLogin({ commit }, token) {
      return new Promise((resolve, reject) => {
        setToken(token);
        commit("SET_TOKEN", token);
        setExpiresIn(720);
        commit("SET_EXPIRES_IN", 720);
        resolve();
      });
    },
    // 登录
    Login({ commit }, userInfo) {
      const username = userInfo.username.trim();
      const password = userInfo.password;
      const code = userInfo.code;
      const uuid = userInfo.uuid;
      return new Promise((resolve, reject) => {
        login(username, password, code, uuid)
          .then((res) => {
            let data = res.data;
            setToken(data.access_token);
            commit("SET_TOKEN", data.access_token);
            setExpiresIn(data.expires_in);
            commit("SET_EXPIRES_IN", data.expires_in);
            resolve();
          })
          .catch((error) => {
            reject(error);
          });
      });
    },
 }