Nodejs构建mock数据并通过rest api风格调用接口访问数据

如果我们只有json格式的数据文件，我们想通过访问url方式调用居然数据

确保电脑安装node环境

如果你没有安装好node环境请移步http://nodejs.cn/

 一、安装json-server

 1.新建demo文件

cd demo

 2.安装json-server

npm install -S json-server

3.项目demo目录下，新建一个 JSON 文件data.json和一个package.json文件

db.json内容如下

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

package.json内容如下

{

  "name": "rest-api-demo",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "server": "json-server data.json",

    "test": "..."

  },

  "keywords": [],

  "author": "",

  "license": "ISC",

  "dependencies": {

    "json-server": "^0.9.4"

  }

}

二、启动服务

npm run server

三、调用rest 风格api

打开浏览器

注意这个的数据获取只是get方式请求获取到的，如需POST、PUT、DELETE等 HTTP 方法的数据体进行解析请参考

https://github.com/ruanyf/jstraining/tree/master/demos#rest-api

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• JS中hasOwnProperty怎样用于检查对象属性是否存在

  在本篇文章里小编给大家整理的是一篇关于js中hasOwnProperty的属性及实例用法详解内容，有需要的朋友们可以跟着学习下。

• JavaScript函数作用域有什么用，为何有函数作用域

  调用函数时创建函数作用域，函数执行后销毁函数作用域。每次调用函数都会创建一个新的函数作用域，它们是相互独立的。

• TypeScript如何声明函数重载，各种函数重载情况是怎样

  问题：TypeScript 中为函数添加多个签名后，依然需要添加相应的代码来判断并从不同的签名参数列表中获取对应的参数。过去常见的写法：function refEventEmitter(event?: string): void;function refEventEmitter(event: string, callb

• vue中data里的数据如何相互使用，相互引用可以吗

  目录data里面的数据相互使用具体代码如下data里的数据不能相互引用问题data里面的数据相互使用今天在写代码的时候，遇到一个问题，我想使用data里面的一个对象使用data里面的某个数据，附图片：我想让active的值给params对象里面的topicListType使用，我不想直接在一个方法里面改变这个值（想改的

• jQuery命名冲突问题的处理方案有哪些

  Jquery命名冲突解决办法很简单，只需要给jquery取一个别名即可，传统$命名形式我们都是这样使用jquery的，入下所示： scripttype=text/javascriptjQuery(function($){//thiswillsetthedivstexttoHello.$(#myDiv).text(Hello);});/scriptdivid=myDivText/div