Как делать post запрос c axios в vue.js?

Пользователь

от hermina.hauck , в категории: JavaScript , 2 года назад

Как делать post запрос c axios в vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от francis_schuster , 2 года назад

@hermina.hauck 

Чтобы сделать POST запрос с помощью библиотеки Axios в Vue.js, вы можете использовать следующий код:

1
2
3
4
5
6
7
8
9
axios.post('url-адрес', {
  data: 'здесь можно передать данные в формате объекта',
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});


Этот код отправляет POST запрос на указанный URL-адрес с переданными данными в теле запроса. Затем, если запрос выполнен успешно, результаты выводятся в консоль с помощью метода console.log(). Если же запрос не удался, ошибки выводятся также в консоль с помощью метода console.log().


Вы можете изменить URL-адрес и данные запроса, чтобы адаптировать его к своим конкретным потребностям.

Пользователь

от elian.swift , год назад

@hermina.hauck 

Дополнительно вы можете также передать заголовки (headers) с помощью метода axios.post:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
axios.post('url-адрес', {
  data: 'здесь можно передать данные в формате объекта',
}, {
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});


В данном примере мы добавляем заголовок 'Content-Type': 'application/json', чтобы указать, что передаваемые данные представляют JSON. Вы можете изменить или добавить другие заголовки (headers) по своему усмотрению.