不需要后端服务,也可以实现接口请求------JsonServer

一、JsonServer服务简介

1.1、JsonServer 是一个 Node 模块,运行 Express 服务器,你可以指定一个 json 文件作为 api 的数据源。

1.2、JsonServer主要的作用就是搭建本地的数据接口,创建json文件,便于调试调用

二、JsonServer----mac安装步骤

由于平时的学习用的是Mac本,就以Mac为例了。。。。

2.1、调出终端:command+空格键 输入terminal.app

2.2、安装命令:sudo npm install -g json-server(全局安装)

2.3、查看是否已安装:json-server -version

三、JsonServer具体使用

3.1、创建一个空文件夹,创建一个test.json文件

3.2、在空文件夹里右键打开终端,运行json-server --watch ./test.json --port 5001 监听test.json文件。注此:端口是5001。不指定端口时默认端口是3000


通过启动json-server服务并侦听test.json,就可以将test.json文件托管成一个 web 服务,此时test.json就充当了数据库服务器的作用。
如下图所示, 则证明json-server服务启动成功
在这里插入图片描述

3.3、在浏览器中也可以查看这个test.json文件中的内容,输入http://localhost:5001/recommends 如下图:

在这里插入图片描述

3.4、支持任何ajax接口请求

json-server为提供了GET,POST, PUT, PATCH ,DELETE等请求

3.5、使用过程中不能关闭终端窗口

参考学习https://blog.csdn.net/qq_41865652/article/details/99845978

另外,记得我们的json必须是标准的json格式,即要用双引号,不能用单引号哦

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值