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中应用的