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

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

方法：

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

  1. 安装 json-server：

     npm install json-server --save-dev
     

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

     {
       "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" }
       ]
     }
     

  3. 启动 json-server：

     npx json-server --watch assets/data.json --port 3000
     

     这样，你就能访问到一个模拟的后端 API，例如 http://localhost:3000/banners。需要以管理员的身份运行

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

     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)
     		}
     	})
     }