json-server是一个Node模块,运行Express服务器,你可以指定一个json文件作为api的数据源。
也就是说,我们可以使用它快速的搭建一个web服务器。
网址:github.com/typicode/js…
安装
- 首先检查node版本,WIN + R输入cmd,打开cmd命令行,输入node -v,如果没安装node,需要安装node.js
nodejs.org/zh-cn/downl…
- 通过检查node版本,确认node已安装后,在命令行输入npm install -g json-server安装json-server
使用
- vscode新建一个db.json文件,写入内容:
{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
{ "id": 1, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}
- 点击vscode上的终端,选择新终端,即可打开cmd命令行,输入json-server --watch db.json
假如报错:
就输入set-executionpolicy remotesigned允许运行未签名脚本后再输入json-server --watch db.json
- 使用前端代码即可操作自己定义的json数据了
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$.ajax({
url: 'http://localhost:3000/posts',// 请求的url
type: 'GET',// 请求数据方法
dataType: 'json',// 返回数据类型
success: function (data) {// 获取返回数据后的处理
console.log(data);
}
})
</script>