設置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中使用的

博客僅屬自己記錄筆記，方便以后使用或者忘記（好記性不如爛筆頭~）