1:
以下是一个登录的功能
login页面
login({username: this.user.account, password:this.encode64(this.user.password)}).then(response => { //调用接口获取登录状态
const data = response.data
if (data.code == 0) {
window.sessionStorage.setItem("token", response.data.data.XAuthToken);//将后台传递过来的token 存储到sessionStorage
window.sessionStorage.setItem("loginCode", 1);//在sessionStorage中存入一个loginCode,当为1的时候表示以登录,不等于1时表示未登录
this.$router.push("/grzx") //如果调用登录接口成功就直接跳转到个人中心页面了
} else {//否则就报错
this.$message({
message: data.message,
type: 'error'
})
}
}).catch(error => {
})
download页面这是一个下载功能,如果是登录状态就直接下载,否则提示未登录请重新登录
if (window.sessionStorage.getItem("loginCode")!=1){//用window.sessionStorage.getItem调用sessionStorage中我们登录时存入的变量loginCode,不等于1则表示没有登录
alert(”未登录请重新登录“)
}else if(window.sessionStorage.getItem("loginCode")==1) {用window.sessionStorage.getItem调用sessionStorage中我们登录时存入的变量loginCode,等于1则表示登录,
var token = window.sessionStorage.getItem("token")//拿到我们登录时存入sessionStorage的token
window.open( "/documentmanager/documentDownload?id=" + row.docId + "&downloadSource=2&XAuthToken=" + token, "_self");
}//直接调用接口下载内容downloadSource为参数前端下载时为2,后台下载时为1
上述功能也可以用vuex ,当login 页面登录成功就存入一个值到store中,在下载页面的时候调用store 中的值来判断是否登录,能否下载