Как добавить заголовки к вызову Axios в VueJS? - PullRequest
Новая
       14

Как добавить заголовки к вызову Axios в VueJS?

0 голосов
/ 21 мая 2018

У меня есть HTTP-вызов в php-коде: 

  $ch = curl_init();
  curl_setopt($ch, CURLOPT_URL, $urlForTheCallGoesHere);
  curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
  curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
  curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);    
  $data = curl_exec($ch);
  curl_close($ch);

, который мне теперь нужно преобразовать, чтобы преобразовать в VueJS Axios вызов.Что я знаю до сих пор, так это то, что вызовы Axious могут быть созданы как: 

  axios.get(urlForTheCallGoesHere)
    .then(res => {
      console.log(responseData)
      //do something with the responseData
    })
    .catch(errorData => {
      console.log(errorData)
      //do something with the errorData
    })
  }

Я знаю, что пользовательские параметры могут быть добавлены следующим образом (пример): 

  axios.post(exampleUrlForSomeRegistrationLink, {
    email: "exampleEmail@gmail.com",
    password: "examplePassword"
  }).then(res => {
    console.log(responseData)
    //do something with the responseData
  }).catch(errorData => {
    console.log(errorData)
    //do something with the errorData
  })

А также я знаю, что запросами / ответами можно манипулировать (например, в main.js файле ввода) с присвоением значений по умолчанию или с помощью перехватчиков: 

//using default values
axios.defaults.baseURL = 'http://changeTheUrlForTheCallExample.com';
axios.defaults.headers.common['Authorization'] = 'exampleValue';
axios.defaults.headers.get['Accepts'] = 'application/json';

//using interceptors
const reqInterceptor = axios.interceptors.request.use(config => {
  console.log('Request Interceptor', config)
  return config
})
const resInterceptor = axios.interceptors.response.use(res => {
  console.log('Response Interceptor', res)
  return res
})

Но, учитывая все вышесказанное, я все еще не уверен, как преобразовать код php в код VueJS (используя Axios).Основная проблема как добавить значения для параметров CURLOPT_RETURNTRANSFER, CURLOPT_FOLLOWLOCATION и CURLOPT_SSL_VERIFYPEER , как указано выше ?

...