Wie setze Header und Optionen in Axios?

Ich verwende Axios, um einen HTTP-Beitrag wie folgt auszuführen:

import axios from 'axios'
params = {'HTTP_CONTENT_LANGUAGE': self.language}
headers = {'header1': value}
axios.post(url, params, headers)

Ist das richtig? Oder soll ich tun:

axios.post(url, params: params, headers: headers)

Es gibt verschiedene Möglichkeiten, dies zu tun:

• Für eine einzelne Anfrage:

  let config = {
    headers: {
      header1: value,
    }
  }
  
  let data = {
    'HTTP_CONTENT_LANGUAGE': self.language
  }
  
  axios.post(URL, data, config).then(...)
  

• So legen Sie die globale Standardkonfiguration fest:

  axios.defaults.headers.post['header1'] = 'value' // for POST requests
  axios.defaults.headers.common['header1'] = 'value' // for all requests
  

• Zum Festlegen der Standardeinstellung für die Axios-Instanz:

  let instance = axios.create({
    headers: {
      post: {        // can be common or any other method
        header1: 'value1'
      }
    }
  })
  
  //- or after instance has been created
  instance.defaults.headers.post['header1'] = 'value'
  
  //- or before a request is made
  // using Interceptors
  instance.interceptors.request.use(config => {
    config.headers.post['header1'] = 'value';
    return config;
  });
  

Sie können eine Get-Anfrage mit Headern senden (zum Beispiel zur Authentifizierung mit jwt):

axios.get('https://example.com/getSomething', {
 headers: {
   Authorization: 'Bearer ' + token //the token is a variable which holds the token
 }
})

Sie können auch eine Post-Anfrage senden.

axios.post('https://example.com/postSomething', {
 email: varEmail, //varEmail is a variable which holds the email
 password: varPassword
},
{
  headers: {
    Authorization: 'Bearer ' + varToken
  }
})

Meine Vorgehensweise besteht darin, eine Anfrage wie folgt zu stellen:

 axios({
  method: 'post', //you can set what request you want to be
  url: 'https://example.com/request',
  data: {id: varID},
  headers: {
    Authorization: 'Bearer ' + varToken
  }
})

Sie können ein Konfigurationsobjekt an Axios übergeben wie:

axios({
  method: 'post',
  url: '....',
  params: {'HTTP_CONTENT_LANGUAGE': self.language},
  headers: {'header1': value}
})

Dies ist ein einfaches Beispiel für eine Konfiguration mit Headern und Antworttyp:

var config = {
  headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
  responseType: 'blob'
};

axios.post('http://YOUR_URL', this.data, config)
  .then((response) => {
  console.log(response.data);
});

Der Inhaltstyp kann "application / x-www-form-urlencoded" oder "application / json" sein und auch "application / json; charset = utf-8".

responseType kann 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream' sein.

In diesem Beispiel sind diese Daten die Daten, die Sie senden möchten. Es kann ein Wert oder ein Array sein. (Wenn Sie ein Objekt senden möchten, müssen Sie es wahrscheinlich serialisieren.)

Hier ist der richtige Weg: -

axios.post('url', {"body":data}, {
    headers: {
    'Content-Type': 'application/json'
    }
  }
)

Sie können einen Standardheader initialisieren axios.defaults.headers

 axios.defaults.headers = {
        'Content-Type': 'application/json',
        Authorization: 'myspecialpassword'
    }

   axios.post('https://myapi.com', { data: "hello world" })
        .then(response => {
            console.log('Response', response.data)
        })
        .catch(e => {
            console.log('Error: ', e.response.data)
        })

Wenn Sie eine Get-Anfrage mit Parametern und Headern ausführen möchten.

var params = {
  paramName1: paramValue1,
  paramName2: paramValue2
}

var headers = {
  headerName1: headerValue1,
  headerName2: headerValue2
}

 Axios.get(url, {params, headers} ).then(res =>{
  console.log(res.data.representation);
});

Versuchen Sie diesen Code

im Beispiel Code verwenden Axios Get Rest API.

in montiert

  mounted(){
    var config = {
    headers: { 
      'x-rapidapi-host': 'covid-19-coronavirus-statistics.p.rapidapi.com',
      'x-rapidapi-key': '5156f83861mshd5c5731412d4c5fp18132ejsn8ae65e661a54' 
      }
   };
   axios.get('https://covid-19-coronavirus-statistics.p.rapidapi.com/v1/stats? 
    country=Thailand',  config)
    .then((response) => {
    console.log(response.data);
  });
}

Hoffnung ist Hilfe.

Ich habe dieses Problem in der Post-Anfrage konfrontiert . Ich habe mich im Axios-Header so geändert. Es funktioniert gut.

axios.post('http://localhost/M-Experience/resources/GETrends.php',
      {
        firstName: this.name
      },
      {
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
      });