Как отправить данные JSON в качестве ответа в Vue.js 2?

Question

Я занимаюсь разработкой веб-сайта в Vue.js, который использует API (route -> /api/**), но я не понимаю, как отправить ответ в формате JSON.
Существует ли какой-либо метод, например res.json() express.JS имеет в vue.js?

Answer 1

Взгляните на «axios», очень популярную и простую библиотеку для выполнения HTTP-запросов - https://github.com/axios/axios. Прочтите документацию, как ее использовать:)

Пример запроса GET с axios:

import axios from 'axios'; // ES6

axios.get('/api/**')
  .then(response => console.log(response.data));

Answer 2

Часто при создании приложения для Интернета вы можете потреблять и отображать данные из API.Есть несколько способов сделать это, но очень популярным является использование axios, HTTP-клиента на основе обещаний.

Базовый пример

new Vue({
  el: '#app',
  data () {
    return {
      info: null
    }
  },
  mounted () {
    axios
      .get('https://api.coindesk.com/v1/bpi/currentprice.json')
      .then(response => (this.info = response))
  }
})
<div id="app">
  {{ info }}
</div>