前端模拟接口工具-json-server

m0_738820202024-12-21 16:10

根据 JSON 数据生成 RESTful API 模拟服务。

方法：

使用 json-server
json-server 是一个用来快速生成模拟 REST API 的工具，你可以通过以下步骤使用它：

安装 json-server：
复制代码
```
npm install json-server --save-dev
```

创建一个 db.json 文件，定义模拟的数据：

javascript 复制代码

{
  "banners": [
    { "id": 1, "image": "banner1.jpg", "title": "Banner 1" },
    { "id": 2, "image": "banner2.jpg", "title": "Banner 2" }
  ],
  "my": [
	  { "id": 3, "image": "banner1.jpg", "title": "Banner 1" },
	  { "id": 4, "image": "banner2.jpg", "title": "Banner 2" }
  ]
}

启动 json-server：
javascript 复制代码
```
npx json-server --watch assets/data.json --port 3000
```
这样，你就能访问到一个模拟的后端 API，例如 http://localhost:3000/banners。需要以管理员的身份运行

在前端代码中请求这个模拟接口：

javascript 复制代码

const getData1 = () => {
	uni.request({
		method:'GET',
		url: 'my',
		success: (res) => {
		    console.log(res.data)  // 模拟的数据
		},
		fail: (err) => {
		    console.error(err)
		}
	})
}
const getData2 = () => {
	uni.request({
		method:'GET',
		url: 'banners',
		success: (res) => {
		    console.log(res.data)  // 模拟的数据
		},
		fail: (err) => {
		    console.error(err)
		}
	})
}