Làm cách nào để đặt tiêu đề và tùy chọn trong axios?

Tôi sử dụng Axios để thực hiện một bài đăng HTTP như thế này:

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

Điều này có đúng không? Hoặc tôi nên làm:

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

Có nhiều hướng khác nhau để làm điều đó:

• Đối với một yêu cầu:

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

• Để đặt cấu hình toàn cầu mặc định:

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

• Để đặt làm mặc định trên ví dụ axios:

  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;
  });
  

Bạn có thể gửi yêu cầu nhận với Tiêu đề (để xác thực với jwt chẳng hạn):

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

Ngoài ra, bạn có thể gửi một yêu cầu bài.

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

Cách làm của tôi là đặt một yêu cầu như thế này:

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

Bạn có thể truyền một đối tượng cấu hình cho các axios như:

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

Đây là một ví dụ đơn giản về cấu hình với các tiêu đề và answerType:

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);
});

Kiểu nội dung có thể là 'application / x-www-form-urlencoding' hoặc 'application / json' và nó cũng có thể hoạt động 'application / json; charset = utf-8'

answerType có thể là 'Arraybuffer', 'blob', 'document', 'json', 'text', 'stream'

Trong ví dụ này, this.data là dữ liệu bạn muốn gửi. Nó có thể là một giá trị hoặc một mảng. (Nếu bạn muốn gửi một đối tượng, có lẽ bạn sẽ phải tuần tự hóa nó)

Đây là cách đúng: -

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

Bạn có thể khởi tạo một tiêu đề mặc định 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)
        })

nếu bạn muốn thực hiện một yêu cầu nhận với thông số và tiêu đề.

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

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

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

thử mã này

trong ví dụ mã sử dụng axios nhận API nghỉ ngơi.

gắn kết

  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);
  });
}

Hy vọng là giúp đỡ.

Tôi đã phải đối mặt với vấn đề này trong bài yêu cầu . Tôi đã thay đổi như thế này trong tiêu đề axios. Nó hoạt động tốt.

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