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.而後就能夠訪問該接口地址了