☰

axios でヘッダーとオプションを設定するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript post axios
axios でヘッダーとオプションを設定するにはどうすればいいですか? 質問する

私は Axios を使用して次のような HTTP ポストを実行します。

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

これは正しいでしょうか? それとも次のようにするべきでしょうか:

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

ベストアンサー1

これを行うにはいくつかの方法があります。

  • 単一のリクエストの場合:

    let config = {
  headers: {
    header1: value,
  }
}

let data = {
  'HTTP_CONTENT_LANGUAGE': self.language
}

axios.post(URL, data, config).then(...)

  • デフォルトのグローバル設定を設定するには:

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

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

おすすめ記事