如何在 Vue.js 2 中发送 JSON 数据作为响应？答案

【问题标题】：How to send JSON Data as response in Vue.js 2?如何在 Vue.js 2 中发送 JSON 数据作为响应？
【发布时间】：2019-04-27 18:58:48
【问题描述】：

我正在 Vue.js 中开发一个使用 API（路由 -> /api/**）的网站，但我不明白如何发送 JSON 响应。
vue.js中有res.json()express.js这样的方法吗？

【问题讨论】：

标签： node.js json rest vue.js vuejs2

【解决方案1】：

看看“axios”，一个非常流行且简单的用于发出 HTTP 请求的库 - https://github.com/axios/axios。阅读文档如何使用它:)

使用 axios 的 GET 请求示例：

import axios from 'axios'; // ES6

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

【讨论】：

【解决方案2】：

在为 Web 构建应用程序时，您可能希望多次使用和显示来自 API 的数据。有几种方法可以做到这一点，但一种非常流行的方法是使用 axios，一个基于 Promise 的 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>

【讨论】：

这不能回答问题。事实上，它处理相反的问题！