mock.js 和easy-mock使用

时间 2020-05-09

标签 mock.js mock easy 使用栏目 JavaScript 繁體版

原文原文链接

mock.jsjavascript

1.项目中引入mock.jsjava

<script src="../static/js/mock.js" type="text/javascript"></script>

2.引入拦截Ajax的js，本身命名，个人是myMock.jsthis

Mock.mock("/getLoginUserId", "get", {
    "code": 0, "data": 1, "dataDesc": null, "msg": "操做成功"
});

3.进行Ajax调用url

this.$http.get('/getLoginUser')
                .then(function (res) {
                    console.log(res)
　　　　　　　　　　//{"code": 0, "data": 1, "dataDesc": null, "msg": "操做成功"} 
                }, function (err) { 
                    console.log(err); 
                });
注意：带有参数的get请求使用正则匹配url(例如url="/getUserDetail?userId=123")
　　url这样写RegExp("/getUserDetail" + ".*")

easy-mockspa

1.打开easy-mock官网，https://www.easy-mock.com/，点击加号3d

2.进入建立页面，建立项目code

3.建立后会跳到首页，点击刚才建立的项目，进入后建立接口blog

4.填写这些内容后建立接口

5.而后就能够访问该接口地址了ip