使用axios对json-server的增删改查

最新推荐文章于 2024-07-27 17:45:32 发布

z_ZxpBK

最新推荐文章于 2024-07-27 17:45:32 发布

阅读量895

点赞数

原文链接：https://blog.csdn.net/qdm13209211861/article/details/103399856

版权

原创

使用axios对json-server的增删改查

2019-12-05 10:30:07 qdm13209211861 阅读数 9 收藏

本文链接： https://blog.csdn.net/qdm13209211861/article/details/103399856

            </div>
                                                <!--一个博主专栏付费入口-->
         
         <!--一个博主专栏付费入口结束-->
        <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-4a3473df85.css">
                                    <div id="content_views" class="markdown_views prism-atom-one-dark">
                <!-- flowchart 箭头图标 勿删 -->
                <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
                    <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                </svg>
                                        <p><strong>使用axios对json-server的增删改查</strong></p>

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

2、增加数据 post命令
post命令一直报错500错误，有id值才行
在这里插入图片描述

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

解决方法上面加id值
在这里插入图片描述
1根据选择的名字
2获取到对应的id值
3根据id值获取的地址
这样就不报404错误了

4、修改命令 patch
同样根据id值来修改命令
在这里插入图片描述

                                </div>
            <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-b6c3c6d139.css" rel="stylesheet">
                </div>
</article>
<div class="postTime"> 
    <div class="article-bar-bottom  ">
                    <span class="time">
            文章最后发布于: 2019-12-05 10:30:07            </span>
    </div>
</div>