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

Question

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

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

• 下面代码中的url数据可以获取，但是mockjs不能拦截，还是返回url中的数据
• 如果url改成“https://cdn.liyanhui.com/**data1.json**”，这样就直接报404了，请问各位能解答一二吗？

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',
    }]
})

Answer 1

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

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