RESTful API、Mock、Mock实践、JSON server、http Server
Mock出现的原因
REST API出现时为了应对前后端分离原则。
上面这三个实践的过程就叫做：mock
实现Mock的常见手段
1.JSON文件的方式就是最简单的mock行为（缺点很明显）
file:///D:/Mywork/work_heima/concurrency/index.html
但是这时候，会出现跨域。因为ajax使用的是 http协议（后面会讲），而我们访问本地index.html很明显使用的是file协议。所以会出现跨域。为了解决这个问题，可以使用node提供的一个模块http-server，不细讲。
缺点：开发环境下的请求地址是 /user.json，生产环境要全部改成真实地址，如果项目特别大的话，非常不好改。
而且只能get，而不能进行其他操作。
并且json文件里的数据还必须得自己手写，非常的不方便。
2.自己写一个简单的API接口
可以自己用node服务器写一个api接口啊对不对。缺点就是有点浪费时间。比使用json文件浪费的时间长。
3.用第三种的工具
介绍两个，尤其推荐第二个：
-
- mock.js
- json-server
- mock.js
官网是mockjs.com。 他会拦截ajax请求，生成随机数据，还能产生占位元素（比如图片的占位）
使用方法：
1.引入mock.js文件
2.引入过后全局对象上会多一个Mock对象
3.Mock对象中最常用的就是mock方法。
下面就是实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script src="https://unpkg.com/mockjs"></script>
<script src="https://unpkg.com/jquery"></script>
<script>
Mock.mock("/users","get",{
name:'zs'
})
$.get("/users",function(res) {
console.log(res)
})
</script>
</body>
</html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
RESTful API
