1

Estou com dificuldade para que a minha função sobescreva a função nativa xmlhttprequest para que sempre passe um header contendo o token de usúario que está contido no meu LocalStorage Atualmente meu código está assim:

// const oldSend = XMLHttpRequest.prototype.send
// const oldOpen = XMLHttpRequest.prototype.open

class overrideXmlHTTPRequest {
static override () {
const token = localStorage.getItem('userToken')
const xhttp = new XMLHttpRequest()
const xhrProto = XMLHttpRequest.prototype
const origOpen = xhrProto.open

xhrProto.open = function (method, url) {
  this._url = url
  return origOpen.apply(this, arguments)
}
xhttp.onreadystatechange = function () {
}
xhrProto.send = function () {
  xhrProto.setRequestHeader('UserToken', token)
}
}
}

export default overrideXmlHTTPRequest

Dessa forma quando chamo overrideXmlHTTPRequest.override() num meu outro arquivo .vue O header continua padrão e nada foi sobescrito

2 Respostas 2

0

Usando Jquery, acredito que a seguinte solução resolva seu problema:

$.ajaxSetup({
  headers: {
   'TOKEN': 123
  }
});
2
  • Não há alguma maneira de fazer isso com javascript puro sem utilizar o Jquery?
    – Hugo
    Commented 29/01/2019 às 13:49
  • 2
    Você pode usar o metodo setRequestHeader. XMLHttpRequest.setRequestHeader("UserToken", 123); Tem que fazer essa chamada após o metodo XMLHttpRequest.open e antes da chamada XMLHttpRequest.send Commented 30/01/2019 às 14:15
0

Você pode usar o metodo setRequestHeader.

XMLHttpRequest.setRequestHeader("UserToken", 123);

Tem que fazer essa chamada após o metodo XMLHttpRequest.open e antes da chamada XMLHttpRequest.send

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .