Как делать post запрос c axios и vue.js?
Как делать post запрос c axios и vue.js?
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 с сообщением, введенным пользователем. В ответе вы можете получить данные, которые вы можете использовать для обновления состояния приложения.
15