json-server和axios初识

json-server

参考资料:https://github.com/typicode/json-server

1. cnpm install json-server -g(第一次安装)

2. 创建一个.json文件

注意:这个文件不能和项目在一个文件夹里面,因为我之前下载了nodemon(自动更新)

{

    "数据名称1":[

    {},{},{}

    ]

    "数据名称2":[

    {},{},{}

    ]

}

3. 在vscode里面将文件在资源管理器中显示,然后按住shift右键选择在此处打开Powershell窗口

4. 输入命令:json-server -w 文件名.json,创建接口完成

 axios

参考资料:http://www.axios-js.com/zh-cn/docs/

1. Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

2. 使用在html文件中引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

3.  方法

(1)取值

    A、axios.get("我的json-server接口/1")就可以获取到接口里面相应id的值。(1表示id,返回一个对象)

    B、axios.get("我的json-server接口?id=1")。(返回一个数组)

    C、axios.get("我的json-server接口",{params:{price:100}})。(返回一个数组)

(2)增加值

    axios.post("我的json-server接口",{id:3,title:300})

(3)修改

    A、axios.put("我的json-server接口",{id:8}),修改全部

    B、axios.patch("我的json-server接口",{id:8}),修改局部

(4)删除

    axios.delete("我的json-server接口/10")

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。