处理其他系统过来的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()
})

记得新增一个路由

原文链接：https://www.cnblogs.com/yadi001/p/15478821.html