安装 json-server
npm install -g json-server
编写代码
项目根目录创建 json-server-data 文件夹
并在文件夹中创建两个文件
db.json
route.json
- db.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"
}
]
}- route.json 内容
{
"/api/*": "/api.$1"
}- 如果需要跨域配置
{
context: [
"/api",
],
target: "http://localhost:3000",
changeOrigin: true,
secure: false
}- 在项目 package.json 的 scripts 中添加
"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
至此便完成了本地模拟接口的功能
2023-12-22 11:16