Как в Vue делать Ajax запросы

24.04.2017

Чтобы обратиться к URL предоставляемые RestApi мы используем модуль Axios.

Для установки Axios используйте следующую команду:

1
$ npm install --save axios vue-axios

Когда установка закончится допишите в main.js несколько строк:

1
2
3
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

Ajax запрос в Vue.js выглядит примерно так:

1
2
3
this.axios.get('/url').then((response) => {
 console.log(response.data)
})

На определенный url отправляется GET запрос, затем записываются логи. Ничего сложного, не так ли? По той же логике делаются запросы в React и Angular.

Подробнее о использовании API модуля Axios читайте на GitHub

1 комментарий

  1. @Анон пишет:

    у кого будут проблемы, пишите без this:

    axios.get(‘/url’).then((response) => {
    console.log(response.data)
    })

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: