axios 的简单增删查改使用json-server启动的josn

使用axios 获取json-server启动的json数据进行增删查改

一.启动json-server

1.1启动
json-server是用来模仿后台接口而使用的。
安装：npm install -g json-server
安装完成后cd 到json的文件目录下启动
我为了方便启动在package.json中设置了命令

   "dx": "json-server --watch src/views/demo/data/dx/team.json"

启动时直接在控制台npm run dx就行了
1.2查看json
json-server好像能自动分析json 所以我的json数据被分析成这样

写json数据时要注意要有id值不清楚原因因为在使用axios的post遇到了问题

二实现增删查改

2.1获取信息 get命令

 axios.get('http://localhost:3000/tableData').then((res)=>{console.log('数据',res)let Date = res.data//获取到的信息赋值给表单})

2.2增加数据 post命令

post命令一直报错500错误
不知道是什么错误，经过各种尝试发现，要有id值才行
找到的参考

post命令

2.3删除命令 delete

delete也报了错误一直404
问题是虽然一直报404 但我点开是能找到数据的

解决方法 上面加的id值

1根据选择的名字
2获取到对应的id值
3根据id值获取的地址
这样就不报404错误了

2.4修改命令 patch

同样根据id值来修改命令

至于为什么加ID才能用post delete命令为什么只有用id才不会报404我没搞懂看到我这篇文章的兄弟如果能解答希望能给我留言

axios 的简单增删查改使用json-server启动的josn相关推荐

简单增删查改案例jdbc + Servlet + jsp
1.创建数据库 1.1数据字典字段数据类型约束描述 id int(11) 主键自增用户id username varchar(20) 唯一用户姓名 password varchahr(2 ...
python-类思想-实现简单增删查改
class Person:def __init__(self,name, phone):self.UserInfo = {'name': name,'phone': phone}class Opt:d ...
浅谈IDEA中JBDC的简单增删查改操作及简单封装
连接数据库 1.加载驱动 Class.forName("com.mysql.jdbc.Driver"); 本行代码主要作用是加载(注册)数据库驱动(到JVM) 2.创建链接 Con ...
支持增删查改的简单Java Web通讯录详细教程【基于Mac OS+IDEA+Servlet+JDBC+Tomcat】
本文将以Web版通讯录的形式介绍一个支持简单增删查改的Java Web项目,软硬件环境基于Macbook Air M2+macOS Ventura 13.1+IntelliJ IDEA 2022,技术 ...
spring和mybatis结合做简单的增删查改系统_springbootamp;amp;vue简单的景点信息管理系统...
springboot&&vue简单的景点信息管理系统这两天闲着没有什么事,就根据陈哥的教程,试着写了一个springboot和vue的简单的景点信息管理系统.也就大致实现了最基本的增 ...
JSON树节点的增删查改
最近了解到使用json字符串存到数据库的一种存储方式,取出来的json字符串可以进行相应的节点操作故借此机会练习下递归,完成对json节点操作对应的工具类. 介绍一下我使用的依赖 <depen ...
使用Ajax实现简单的增删查改前端Ajax传的值，后端如何获取
实现查询和增删改一.Ajax最基本语法二.增删查改 1.查询(Get请求) 2.增删改(Post请求) 三.后台(MVC/WebForm) 1.MVC(Post请求) 2.WebForm(Post ...
只需一行代码实现增删查改，微软已经让我们很简单。谈AccessDataSource的使用。...
这是一个很简单的内容.日常我们总腻烦做增删查改这样的重复性的劳动,如果你的项目不是太大,如果你的团队很小,或许就是你一个人,那么就完全可以参考以下这样简单的方式.微软已经给我们做了.我们只要写一行代码 ...
MySQL第二讲 - 数据表简单操作与 “增删查改的开头部分- 增”- 细节狂魔
文章目录前文知识点回顾 SQL语句 >>操作指令 (不区分大小写) 1.显示数据库:show databases; 2.创建数据库:create database 数据库名; [如果 ...

axios 的简单增删查改使用json-server启动的josn

使用axios 获取json-server启动的json数据进行增删查改

一.启动json-server

二实现增删查改

2.1获取信息 get命令

2.2增加数据 post命令

2.3删除命令 delete

2.4修改命令 patch

axios 的简单增删查改使用json-server启动的josn相关推荐

最新文章

热门文章

axios 的简单增删查改 使用json-server启动的josn

使用axios 获取json-server启动的json数据 进行增删查改

一.启动json-server

二实现增删查改

2.1获取信息 get命令

2.2增加数据 post命令

2.3删除命令 delete

2.4修改命令 patch

axios 的简单增删查改 使用json-server启动的josn相关推荐

最新文章

热门文章

axios 的简单增删查改使用json-server启动的josn

使用axios 获取json-server启动的json数据进行增删查改

axios 的简单增删查改使用json-server启动的josn相关推荐