使用json-server搭建本地接口

当后端还不能提供接口，可以暂时使用本地接口代替继续开发
我们今天就来聊聊怎么借助于json-server来搭建我们自己的本地的数据接口，对我们的数据进行增删改查 json-server 官网
官方网址：https://github.com/typicode/json-server

json-server是不需要担心跨域问题的，包内部已经做了处理

1、全局安装json-server

它是依赖于nodejs的第三方包，它是一个独立的工具，并不限于某个项目，可以全局安装

npm i json-server -g

如果是mac本，可能需要加sudo，即：sudo npm i json-server -g

2. 创建json文件

在一个空文件创建一个 db.json 文件（可改其它名称，注意名字是是英文）

3. 初始化结构

在db.json文件中，按json格式的要求，去定义一个对象：

• 键值对格式
• 用双引号括起来

{
  "assets": [
	    { "id": 1, "name": "外套", "price": 99 },
	    { "id": 2, "name": "裤子", "price": 34 },
	    { "id": 3, "name": "鞋", "price": 25.4 },
	    { "id": 4, "name": "头发", "price": 19900 }
	]
}

4. 启动接口服务

在刚创建的文件下 ，打开命令行窗口，输入命令json-server db.json --port 8888 (json-server后有空格)

json-server：启动命令
db.json：需要运行的文件
–port 8888：是指定端口号，默认是3000； --port可以简写为-p

json-server db.json -port 8888 

5.使用接口

以上面启动的服务为例：一旦服务启动成功，就会自动生成如下接口地址。
注意 ：接口中的assets决定与上面db.json里面定义的对象名

实例如下：

拓展：

http://localhost:3000/assets获取数据给parmas就可以按添加获取数据，如 params: { name:“头发”} 或 params：{ page:7 }
跟多使用请查看>>>>>>官方文档