处理其他系统过来的token.

用ifrma标签还是不太合适.太受限制了.可以在main.js里面拦截.

if (window.location.pathname == "/archives-category/ENTRY") {
  let token = getQuery("token")
  if (token) {
    getUser(token)
  }
}

function getQuery(name) {
  let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
  let r = window.location.search.substr(1).match(reg)
  if (r != null) {
    return unescape(r[2])
  }
  return null
}

function getUser(returntoken) {
  var jwt = require("jsonwebtoken")
  console.log(jwt.decode(returntoken))
  let datatoken = jwt.decode(returntoken)
  let obj = {
    token: returntoken,
    username: datatoken.user_name,
    name: datatoken.user_nickname,
    userId: datatoken.user_id,
    qyId: datatoken.tenant_uid,
    qydm: datatoken.tenant_id,
  }
  console.log(obj)
  localStorage.setItem("USER_INFO_KEY", JSON.stringify(obj))
  localStorage.setItem("CURRENT_MENU_ID", "")
}

这是一种实现方式.但是写在main.js里面也不太合适.公司情况会分好几个系统跳转过来.不同系统对token的处理不一样.

所以建议还是在路由守卫里面不拦截当前页面.在当前页面处理逻辑.处理完再跳回当前首页.当前页面不可见.只用做处理token.逻辑

npm install jsonwebtoken下载包.这个包可以解析token .不建议用base64了.这个base64解析起来对中文还乱码了

 

在路由里面放开跳转的路由

router.beforeEach((to, from, next) => {
  let title = getMetaFromRouter(to, "title")
  if (title) {
    document.title = title
  } else {
    document.title = "档案系统"
  }
  if (to.path === "/login") return next()
  if (to.path == "/zt-auto-login" && to.query.token) return next()
  if (!localStorage.getItem("USER_INFO_KEY")) {
    return next("/login")
  }
  next()
})