​如何搭建Json-Server数据服务器​

一、下载安装node.js

安装路径:Node.js — Download Node.js® (nodejs.org)

选择自己电脑适配的,基本都是点next,安装成功。

二、搭建Json-Server数据服务器

win+R然后输入cmd打开小黑屋

1.检查 'npm' 是否已经可以正常工作

npm -v

2.然后输入以下指令安装依赖(会有加载的进度条)等待安装完成

npm install json-server -g

3.随便打开一个盘,例如D盘,新建文本

打开文本输入data

{
  "digital": [
    {
      "uid": 20220110,
      "uname": "gl",
      "ubirthday": "2020-01-12",
      "uage": 10,
      "ugender": [],
      "uhobby": [],
      "umsg": [],
      "id": "f76a"
    },
  "software": [
    {
      "uid": 20220110,
      "uname": "gl",
      "ubirthday": "2020-01-12",
      "uage": 10,
      "ugender": [],
      "uhobby": [],
      "umsg": [],
      "id": "6e0e"
    }
  ]
}

4.另存为(注意文件名后缀修改为.json)(类型选所有文件)(UTF-8)反正和小编截图的要一致,点击保存。

类型就变了

然后点开小黑屋输入指令完成监听

json-server students.json

按自己的json文件所在路径写(得到的最下面那两条就是创建好的后台了)

小黑屋不能关,关了就访问不了这个网址。也就是说上面那个黑色页面存在才可以访问。你监听哪个json文件就能访问哪个json文件。

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用json-server删除数据的步骤: 1. 发送DELETE请求,指定要删除的数据的ID。 2. 在json-server的路由配置中,指定如何处理DELETE请求。 3. 在处理函数中,根据请求中的ID,找到要删除的数据。 4. 如果找到了数据,就将其从数据列表中删除,然后返回一个删除成功的响应。 5. 如果没有找到数据,就返回一个找不到数据的错误响应。 下面是一个详细的代码示例: ```js // 安装json-server和axios npm install json-server axios // 在package.json的scripts中添加以下命令 "json-server": "json-server --watch db.json --port 3001" // 创建一个db.json文件,作为数据存储的文件 { "users": [ { "id": 1, "name": "Alice" }, { "id": 2, "name": "Bob" }, { "id": 3, "name": "Charlie" } ] } // 在json-server的路由配置中,指定如何处理DELETE请求 // 创建一个routes.json文件,内容如下 { "/api/users/:id": { "DELETE": "/users/:id" } } // 在代码中发送DELETE请求 // 创建一个deleteUser.js文件,内容如下 const axios = require('axios'); axios.delete('http://localhost:3001/api/users/2') .then(res => { console.log(res.data); }) .catch(err => { console.error(err); }); // 在处理函数中,根据请求中的ID,找到要删除的数据 // 在json-server的db.json文件中添加一些数据 { "posts": [ { "id": 1, "title": "json-server", "author": "typicode" }, { "id": 2, "title": "axios", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", "postId": 1 }, { "id": 2, "body": "some comment", "postId": 2 } ] } // 在处理函数中,根据请求中的ID,找到要删除的数据 // 创建一个server.js文件,内容如下 const jsonServer = require('json-server'); const server = jsonServer.create(); const router = jsonServer.router('db.json'); const middlewares = jsonServer.defaults(); server.use(middlewares); server.use(jsonServer.rewriter({ "/api/*": "/$1" })); server.use(router); // 添加DELETE请求处理函数 router.delete('/users/:id', (req, res) => { const id = parseInt(req.params.id); const users = router.db.get('users'); const index = users.findIndex(user => user.id === id); if (index !== -1) { users.splice(index, 1); res.jsonp({ success: true }); } else { res.status(404).jsonp({ error: 'User not found' }); } }); server.listen(3000, () => { console.log('JSON Server is running'); }); ``` 这样就完成了使用json-server删除数据的详细写法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值