这里是接之前写过的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.