handleSubmit2(ev) {//回车登录 var _this = this; this.$refs.ruleForm2.validate((valid) => { if (valid) { this.logining = true; var loginParams = { account: this.ruleForm2.account, password: this.ruleForm2.checkPass }; requestLogin(loginParams).then(data => { this.logining = false; this.$message.success(data.msg); // this.$message.success('登录胜利'); if (data.status !== 1) { this.$message({ message: msg, type: 'error' }); } else { this.$message.success('登录胜利'); localStorage.setItem('user', JSON.stringify(data.data.token));//将token存储起来 this.$router.push({ path: '/user' }); } document.onkeydown = undefined; }); } else { console.log('error submit!!'); return false; } }); },
将token设置到header
axios.interceptors.request.use(function (config) { let token = window.localStorage.getItem("user") token = eval('(' + token + ')'); // console.log(token) if (token) { config.headers.token = token; //将token放到申请头发送给服务器 //这里常常搭配token应用,将token值配置到tokenkey中,将tokenkey放在申请头中 // config.headers['token'] = Token; //config.headers.token的token是须要和后盾定义叫什么的,我这里定义叫token了 } return config;}, function (error) { return Promise.reject(error);});
这样token就曾经放到header上了,代表设置胜利
主要用途:
当输出用户名及明码,登录胜利后,后盾会返回一个token,在之后发送的申请都要带上这个token,因为后盾设置了拦挡,如果token统一,则容许拜访,否则申请不胜利。所以须要将token放到申请头,我这里是在vue中应用的