美文网首页
json-server模拟数据

json-server模拟数据

作者: 冰哲 | 来源:发表于2017-03-31 14:03 被阅读0次

json-server可以模拟后端提供的数据,让前端流程走通,实现前后端分离
json-server模拟数据 大概流程

安装

npm isntall json-server --save-dev

使用

// server.js
const jsonServer = require('json-server')
const server = jsonServer.create()
const router = jsonServer.router('db.json')
const middlewares = jsonServer.defaults()

server.use(middlewares)
server.use(router)
server.listen(3000, () => {
console.log('JSON Server is running')
})
json.png

创建db.json文件

{
"posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}

创建后

success.png

代理

链接

json-server

相关文章

  • json-server模拟数据

    json-server可以模拟后端提供的数据,让前端流程走通,实现前后端分离json-server模拟数据 大概流...

  • 使用mockjs 随机生成模拟接口数据

    上一篇 我们用json-server做了假数据 json-server模拟后端接口https://www.jian...

  • mock.js生成随机数据

    如果需要模拟大量数据,json-server也有快速的方法 接下来我们做一个json-server官方的实例(生成...

  • 使用Node、json-server模拟后台数据

    使用Node、json-server模拟后台数据 转自:https://blog.csdn.net/luodao_...

  • mockServer的搭建

    使用json-server模拟服务器 mockServer的思路 以 json-server 作为 mock 服务...

  • json-server简单使用

    本地模拟服务器返回的json数据 安装 sudo npm i -g json-server 查看 json-ser...

  • json-server 的简单使用

    json-server用于模拟服务端接口数据,可以根据json数据建立一个完整的web服务。 一、安装json-s...

  • vue 构建 todo 项目系列 2

    vue 构建 todo 项目系列 1 只是用模拟的数据,页面一刷新就打回原型,本文将用 json-server 构...

  • json-server的使用

    (1)前台要进行数据的模拟,来验证自己功能的实现,就需要mock数据了,只需要安装json-server,在端口跑...

  • json-server的使用

    什么是json-server 一个在前端本地运行,可以存储json数据的server模拟服务端接口数据,一般用在前...

网友评论

      本文标题:json-server模拟数据

      本文链接:https://www.haomeiwen.com/subject/idcvottx.html