mock.js 和easy-mock使用

mock.js

1.項目中引入mock.js

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

2.引入攔截Ajax的js，自己命名，我的是myMock.js

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

3.進行Ajax調用

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-mock

1.打開easy-mock官網，https://www.easy-mock.com/，點擊加號

2.進入創建頁面，創建項目

3.創建后會跳到首頁，點擊剛才創建的項目，進入后創建接口

4.填寫這些內容后創建

5.然后就可以訪問該接口地址了