json-server前端本地运行服务器

json-server前端本地运行服务器，存储JSON数据。它模拟服务端接口数据，通常用于前后端分离的开发场景，使得前端人员可以不依赖API进行开发，而是在本地搭建一个JSON服务，自行产生测试数据

使用方法

https://github.com/typicode/json-server

1、安装json-server：通过npm全局安装json-server，命令为npm install -g json-server。

2、创建JSON数据文件：在项目文件夹中创建一个JSON文件，如db.json，并在其中定义你的模拟数据。

3、启动服务器：在命令行中，导航到包含你的db.json文件的目录，并执行json-server --watch db.json命令。这将启动服务器，并监视db.json文件的变化。服务器默认在3000端口上运行，你可以通过访问http://localhost:3000来查看提供的数据

4、访问数据：一旦服务器启动，你可以通过HTTP请求的方式访问数据。例如，通过访问http://localhost:3000/posts/1来获取id为1的帖子数据。json-server会将db.json文件中的每个key当作一个router处理，因此你可以通过不同的路径访问不同的数据。

5、自定义端口：如果你需要使用非默认的3000端口，可以通过--port参数指定端口号，如json-server --watch db.json --port 3004。

6、使用package.json脚本：为了方便启动服务器，你可以在项目的package.json文件中添加一个脚本命令，如"mock": "json-server db.json --port 3004"，然后通过运行npm run mock来启动服务器。

也可以通过接口进行增删改查数据

增删改查的按钮
<button bindtap="handelGet">ajax-get</button>
<button bindtap="handelPost">ajax-post</button>
<button bindtap="handelPut">ajax-put</button>
<button bindtap="handelDelete">ajax-delete</button>


//请求接口的方法
  handelGet(){
    request({
      url: 'user',
    }).then(res=>{
      console.log(res)
    })
  },
  handelPost(){
    request({
      url: 'user',
      method:'POST',
      data:{
        username:"xqqqqo",
        password:"62226"
      }
    })
  },
  handelPut(){
    request({
      url: 'user/b97a',
      method:'PUT',
      data:{
        username:"ppp",
        password:"999"
      }
    })
  },
  handelDelete(){
    request({
      url: 'user/b97a',
      method:'DELETE'
    })
  }
})


/封装后的request请求
function request(params){
  return new Promise((resolve,reject)=>{
    wx.showLoading({
      title: '加载中',
    })
    wx.request({
      ...params,
      url: 'http://localhost:3000/' + params.url,
      success:(res)=>{
        resolve(res.data)
      },
      fail:(err)=>{
        reject(err)
      },
      complete:()=>{
        wx.hideLoading()
      }
    })
  })
}
export default request