Question

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

Answer 1

在为Web构建应用程序时，您可能想多次使用和显示API中的数据。这样做有多种方法，但是一种非常流行的方法是使用基于承诺的HTTP客户端axios。

基本示例

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>

Answer 2

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

带有axios的GET请求示例：

  -Name "diSPARE00" -SignalType "DI" -Device "SIM_BOARD" -DeviceMap "0"

  -Name "doMotOnState" -SignalType "DO" -Device "DP_BOARD" -DeviceMap "32"\
  -Access "System"

  -Name "doService" -SignalType "DO" -Device "DP_BOARD" -DeviceMap "43" -Access "All"

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

2 个答案: