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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@lilla.herman 

Вы можете использовать axios для отправки post-запроса в Vue.js. Здесь пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<template>
  <div>
    <form @submit.prevent="sendData">
      <input v-model="message" type="text" placeholder="Enter message">
      <button type="submit">Send</button>
    </form>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      message: ''
    }
  },
  methods: {
    async sendData() {
      const response = await axios.post('https://my-api.com/send-message', {
        message: this.message
      });
      console.log(response);
    }
  }
}
</script>


Здесь мы создаем форму, которая при отправке данных вызывает метод sendData. Метод sendData использует axios, чтобы отправить post-запрос на указанный URL с сообщением, введенным пользователем. В ответе вы можете получить данные, которые вы можете использовать для обновления состояния приложения.

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

от linnea , 9 месяцев назад

@lilla.herman 

Важно помнить, что вам необходимо установить и подключить axios в своем проекте Vue.js. Вы можете установить axios с помощью npm:

1
npm install axios


или с помощью yarn:

1
yarn add axios