ITPub博客

首页 > IT职业 > IT职场 > 一行命令, 静态json变身api

一行命令, 静态json变身api

IT职场 作者:reay 时间:2021-09-09 09:29:38 0 删除 编辑

作为一个前端开发者, 你可以会遇到没有测试数据的尴尬, 而这次我们用json-server, 优雅的解决这个问题

图片描述

效果


关于 json-server

图片描述

json-server


全局安装方式:

npm install -g json-server

使用方式: 如果有一个名为douyu.json的文件, 它的启动命令为

json-server --watch douyu.json


图片描述

启动界面


json-server最外层json的值, 默认只支持数组和对象


使用axios发出请求

axios.get("http://localhost:3000/data")
.then(res=> {    return (res.data.rl)
})

效果测试

动图效果

核心代码:

vue组件化代码

数据来源:

https://www.douyu.com/gapi/rkc/directory/2_201/1




来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1075/viewspace-2803718/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    0
  • 访问量
    953