如何通过vue-resource添加额外的标头以发布请求?

时间:2018-08-03 06:10:23

标签: vue.js vue-resource

我的应用程序中有许多发帖请求。其中一些必须带有token并具有多余的标题,我不确定如何附加它

到目前为止,我的代码是这样的。我正在检查是否有令牌,何时将其附加到标头,然后使用vue-resource post方法发出发布请求。

let headers = new Headers({'Content-Type': 'application/json;charset=utf-8'});

 if(token !== '') {
    headers.append('TOKEN', token);
  }

  return this.http.post(uri, data, headers)
         .then(this.extractData)
         .catch(this.handleError);

但这不会附加TOKEN

这是什么工作

this.http.interceptors.push(function(request) {
                request.headers.set('TOKEN', token);
            });

headers.append('TOKEN', token);

但是由于某种原因,它不是针对某些请求而是针对所有请求推送TOKEN标头

因此,当我用令牌发出请求时-它工作正常,之后我又用令牌发出了请求,但仍然添加了令牌。

谁知道解决此问题的最佳方法是什么?

UPD 如果我在进行console.log(headers.get('TOKEN'))的过程中headers.append('TOKEN', token);可以给我正确的价值。所以我的猜测是发布请求本身被错误的标题调用。

3 个答案:

答案 0 :(得分:3)

document中,private void btn_login_Click(object sender, EventArgs e) { var obj = new Usercontrols.SIMSMain(); obj.Dock = DockStyle.Fill; conn.Open(); SqlCommand selectCommand = new SqlCommand("Select * from admin_access where Username=@admin AND Password=@eyelab",conn); selectCommand.Parameters.AddWithValue("@admin", txt_username.Text); selectCommand.Parameters.AddWithValue("@eyelab", txt_password.Text); SqlDataReader dataReader; dataReader = selectCommand.ExecuteReader(); var count = 0; while (dataReader.Read()) { count = count + 1; } if (string.IsNullOrEmpty(txt_username.Text) || string.IsNullOrEmpty(txt_password.Text)) { MetroMessageBox.Show(this, "Please input the Required Fields", "System Message:", MessageBoxButtons.OK, MessageBoxIcon.Exclamation); } else { if (count == 1) { MetroMessageBox.Show(this, "Login Successful", "System Message:", MessageBoxButtons.OK, MessageBoxIcon.Information); this.Hide(); this.Parent.Controls.Add(obj); } else if (count == 3) { count++; MetroMessageBox.Show(this, "Super Attempt", "System Message:", MessageBoxButtons.OK, MessageBoxIcon.Information); } else { MetroMessageBox.Show(this, "Invalid Username/Password", "System Message:", MessageBoxButtons.OK, MessageBoxIcon.Stop); } } conn.Close(); } 应该是普通的Javascript对象,而不是headers

请尝试

window.Headers

答案 1 :(得分:1)

好吧,我想我明白了。感谢@ ssc-hrep3的评论和@ittus的回答

let headers = {
        'Content-Type': 'application/json;charset=utf-8'
      };

      if(token !== '') {
        headers['TOKEN'] = token
      }

      return this.http.post(uri, data, {headers: headers})
             .then(this.extractData)
             .catch(this.handleError);

答案 2 :(得分:-1)

Vue.http.headers.common ['Authorization'] =“基本hbjsgdfhgdsfgjjdbhjgdf7778fdfhjgdjf”;