5、RESTful API、Mock、Mock实践、JSON server、http Server

最新推荐文章于 2023-08-23 10:13:16 发布

Sai_BAN

最新推荐文章于 2023-08-23 10:13:16 发布

阅读量436

点赞数

分类专栏：骗浏览量文章标签： java ajax json spring boot 后端

本文链接：https://blog.csdn.net/Sai_BAN/article/details/116380838

版权

骗浏览量专栏收录该内容

23 篇文章 0 订阅

订阅专栏

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>

RESTful API

Sai_BAN

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
5、RESTful API、Mock、Mock实践、JSON server、http Server

RESTful API、Mock、Mock实践、JSON server、http ServerMock出现的原因REST API出现时为了应对前后端分离原则。上面这三个实践的过程就叫做：mock实现Mock的常见手段1.JSON文件的方式就是最简单的mock行为（缺点很明显）file:///D:/Mywork/work_heima/concurrency/index.html但是这时候，会出现跨域。因为ajax使用的是 http协议（后面会讲），而我们访问本地index.html很明显使用
复制链接

扫一扫