+
80
-

请问mock如何拦截axios的ajax请求?

请问mock如何拦截axios的ajax请求?

网友回复

+
0
-

代码如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/mock.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/axios-0.18.js"></script>
    <script type="text/javascript">
        //ajax拦截并返回模拟数据
        Mock.mock('/api/', {
            "ret": 0,
            "data":
            {
                "mtime": "@datetime", //随机生成日期时间
                "score|1-800": 800, //随机生成1-800的数字
                "rank|1-100": 100, //随机生成1-100的数字
                "stars|1-5": 5, //随机生成1-5的数字
                "nickname": "@name", //随机生成英文名字
            }

        });
        axios.post('/api/', null, {
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded',
                "bfwajax": "1.0"
            }
        })
        .then(function (response) {
            document.getElementById('picker').innerHTML = JSON.stringify(response.data);
        })
        .catch(function (error) {
            console.log(error);
        });

    </script>
    <style>
    </style>
</head>
<body>
    <div id="picker">

    </div>
</body>
</html>

我知道答案,我要回答