npm install -g json-server
项目根目录创建 json-server-data 文件夹
并在文件夹中创建两个文件
db.json
route.json
{
"api.article": [
{
"id": 1,
"title": "文章的标题",
"status": "1",
"period": true,
"avatar": "https://placeholder.idcd.com/?w=60&h=60&bgcolor=%239099A2&fontcolor=%23E0DADA&fontsize=13&fontfamily=1",
"content": "春风再美也比不上你的笑，没见过你的人不会明了",
"date": "2021-08-25"
}
],
"api.user": [
{
"id": 1,
"name": "LiHua",
"avatar": "https://placeholder.idcd.com/?w=60&h=60&bgcolor=%239099A2&fontcolor=%23E0DADA&fontsize=13&fontfamily=1"
}
]
}{
"/api/*": "/api.$1"
}{
context: [
"/api",
],
target: "http://localhost:3000",
changeOrigin: true,
secure: false
}"scripts": {
...
"json-server-start": "json-server --watch --routes ./json-server-data/route.json ./json-server-data/db.json",
...
}
yarn json-server-start 或者 npm run json-server-start
得到两个支持 Restful 规范的接口
访问
http://localhost:3000/api/article
http://localhost:3000/api/user
至此便完成了本地模拟接口的功能