mockjs 和 json-server 模拟API接口

mockjs 和 json-server 模拟API接口

同时启动vue项目和json-server两个服务

目前很多项目都是前后端分离的项目,这种模式解决了很多问题但是同时也出现了很多新到的问题前台开发的时候后台的api接口还没做好.

这个时候json-server就上场了

JSON-Server

JSON-Server是一个Node模块，也就是前提是得安装node环境(node -v 查看node的版本)

安装

全局安装

npm install -g json-server 

1.创建一个文件夹 (文件在哪不重要可以放在项目得到根目录也可以放在项目外面)

// 尽量英文名
mkdir   abcd 

2.进入目录

cd abcd 

3
进入文件夹创建 一个.json文件
文件名任意
db.json
内容如下

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

(其实不创建也可以 执行命令后会自动生成一个默认db.json)

在命令行执行

json-server --watch db.json  --port 9090

–watch 监视 名为 db.son的文件
–port 映射在端口号9090上

这个时候你就可以访问显示的路径了
http://localhost:9090/posts
http://