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

Posted 2023-02-22

【中文标题】如何在 Vue.js 2 中发送 JSON 数据作为响应？

【英文标题】：How to send JSON Data as response in Vue.js 2?

【发布时间】：2019-04-27 18:58:48

【问题描述】：

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

【参考方案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>

【讨论】：

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