Mockjs拦截不了axios发出的get请求,请问这是什么原因

https://www.bilibili.com/video/BV1FC4y1x72d?p=7&spm_id_from=333.1007.top_right_bar_window_history.content.click

跟着视频教程做,发现mockjs拦截不了axios发出的get请求。

import axios from "axios";
import Mock from 'mockjs';

axios.get('https://cdn.liyanhui.com/data.json').then(res => {
        console.log(res.data);
    }).catch(err => {
        console.log(err)
    })

Mock.mock('https://cdn.liyanhui.com/data.json', {
    'list|5-10': [{
        'id|+1': 1,
        'username': '@cname',
    }]
})

Mock.mock放到axios前面就能拦截了,可能Mock类库文件改过了,拦截器需要先注册

img


<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="http://mockjs.com/dist/mock.js"></script>
<script>
    Mock.mock('https://cdn.liyanhui.com/data1.json', {
        'list|5-10': [{
            'id|+1': 1,
            'username': '@cname',
        }]

    });

    axios.request({ method: 'get', url: 'https://cdn.liyanhui.com/data1.json' }).then(res => {
        console.log(res.data);
    }).catch(err => {
        console.log(err)
    })


</script>

img

参考下下面这篇文章

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632