Access-Control-Expose-Headers
。Access-Control-Expose-Headers
字段,它的value值就是自定义的响应头字段。return Response({"all_href":all_href},headers={"token":"token","a":"a","Access-Control-Expose-Headers":"token,a"})
geturl() { axios.get('http://localhost:8000/api/geturl').then((response) => { console.log(response.headers) this.v_hrefs = response.data.all_href; }).catch(err => { console.log('操作失败' + err); }) }
returnResponse({"all_href":all_href},headers={"token":"token","a":"a","Access-Control-Expose-Headers":"token"})
token
的key是小写的,前端会默认转换成小写,所以取值时候使用小写。 <div style="position:relative">
<el-button style="position: fixed;right: 0%;" type="danger" size="small" @click="quit()">退出登录</el-button>
</div>
quit() { this.$cookies.remove("login-token",{domain:'localhost',path:'/'}); this.$cookies.remove("username",{domain:'localhost',path:'/'}); this.$router.push("/") },
token
cookie值就直接跳转到登录页面。 mounted() { //这个属性就可以,在里面声明初始化时要调用的方法即可
// we can implement any method here like
this.geturl(), this.login_check()
}
login_check() { var v_token = this.$cookies.get("login-token"); console.log(v_token); if (v_token== null){ this.$router.push("/")
}else{ console.log('登录了')
}
},
然后再登录页面页判断下是不是已经登录过了,如果已经登录过了直接跳转到首页。
mounted() { //这个属性就可以,在里面声明初始化时要调用的方法即可
// we can implement any method here like
this.logined_check()
logined_check() {
var v_token = this.$cookies.get("login-token");
if (v_token!= null){
this.$router.push("/home")
}else{
console.log('已经登录了')}
},
登录请求已经校验就基本完事了,下一节完善首页那个搜索功能。
周末拍的小姐姐,小姐姐真好看~