关于javascript:设置token到请求头

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