Vue请求JSON Server服务器数据

  这里是接之前写过的Vue中的vue-resource这篇文章。

  由于这里是在之前这篇文章的基础上进行稍加修改完成的，因而其绝大部分代码与上面的是一样的，而其不同之处在于，其请求数据的数据源不是来源于json文件，而是来自于后台的数据。此处的后台服务器中的数据由JSON Server所提供。

注意事项

json的数据结构

  这是之前所请求的json数据：

{
  "status":0
,"message":[
  {
    "id":1
  ,"name":"张三"
  }
,{
    "id":2
  ,"name":"李四"
  }
]
}

  如果我们直接使用之前所使用的json数据，其在JSON Server中执行下面命令启动服务器：

json-server db.json

  在控制台中我们会看到，其是会报错的，其报的错误代码如下：

  \{^_^}/ hi!

  Loading db.json
  Done

  Type of "status" (number) in db.json is not supported. Use objects or arrays of objects.